如何在身體

我試圖居中我H1在body標籤這樣的居中H1：如何在身體

h1 {margin:0 auto}

http://jsfiddle.net/qPDwY/

但它沒有中心。我如何解決它？

來源

2014-01-10 user3182981

使用'text-align：center' ... http://jsfiddle.net/9bSnT/ ..'h1'是一個寬度爲100％的塊級元素。'margin：0 auto '在這種情況下不起作用。 –

'text-align：center'？ 'h1'默認爲100％寬度。 – putvande

保證金：0自動;工作在一個固定的或100％的寬度。你也可以使用text-align：center;但只要您網站上的寬度設置爲100％或固定並將其自行居中，那就只會再次運行。另一件你應該注意的事情是使用text-align：center;將中心全部除非你專門指向一個特定的嵌套h1，因爲在這裏。你的類h1 {text-align：center} – Cam

在這種情況下：

h1 { 
    text-align:center; 
}

jsFiddle example

保證金：當你設置的元素，你有沒有做過一個寬度自動規則使用。

來源

2014-01-10 18:22:51 j08691

或者，你可以試試這個：

h1 { 
    text-align: center; 
    margin: 0px auto; 
    display; block; 
}

來源

2014-01-10 18:26:41 timmyblog

默認情況下，h1是一個塊級元素，沒有寬度的餘量：0 auto不做任何事情。 – j08691

您可以通過設置寬度居中。

<body> 
    <h1>My Title</h1> 

</body>

CSS

h1 { 
    width:500px; 
    margin: 0 auto; 
    background: gray; 
    text-align: center; 
}

來源

2014-01-10 18:26:58 Ceres

-div風格= 「保證金：0汽車;文本對齊：左;寬度：80px;」 - 樣品

變化的寬度來改變位置

來源

2014-01-10 19:13:16 user3183134

回答

相關問題