中心對齊格，已文本左對齊

我想該div在頁面的中間，DIV應該是561px和文本需要被左對齊。中心對齊格，已文本左對齊

<div id="notes"> 
aaaaaaaaa 
a 
aaaaaaa 
aaaaaaaaa 
</div>

來源

2009-11-21 steven

兩件事。首先：

#notes { width: 561px; margin: 8 auto; text-align: left; }

其次，請確保您的網頁上具有DOCTYPE聲明（主要針對IE的利益）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

margin: 0 auto是一箇中心塊元素的標準方式。這是一個簡短的語法。見8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification的：

的 '保證金' 屬性是一個速記屬性設置 '的margin-top'， '保證金右'， '下邊距'，並 '緣左' 的樣式表中的相同位置。

如果只有一個值，它適用於四面八方。如果有兩個值，頂部和底部邊距設置爲第一值和左右邊距設置爲第二。如果有三個值，頂部設置於第一值時，左和右被設定爲第二，底部被設置到第三。如果有四個值，則分別應用於頂部，右側，底部和左側。
body { margin: 2em }   /* all margins set to 2em */ 
body { margin: 1em 2em }  /* top & bottom = 1em, right & left = 2em */ 
body { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */ 

所以在margin: 0 auto;的auto表示：

margin-left: auto; 
margin-right: auto;

在這種情況下，瀏覽器將圍繞塊元素。 IE 不會做到這一點除非它在標準兼容模式，您可以通過提供一個DOCTYPE聲明力。請參閱Quirks mode and strict mode。

來源

2009-11-21 04:09:26 cletus

保證金：0汽車; ?? – 2009-11-21 04:11:32

@Swingley：設置元素的頂部和底部邊距以及左右邊距，以在它們之間共享父元素的剩餘寬度，基本上將元素居中。 – Jason 2009-11-21 04:47:51

它可以是任何DOCTYPE嗎？ – steven 2009-11-21 07:25:20

在你的樣式做：

#id { 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left; 
    width: 561px; 
}

來源

2009-11-21 04:10:08

中心對齊格，已文本左對齊

回答

相關問題