中心对齐格，已文本左对齐

我想该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

中心对齐格，已文本左对齐

回答

相关问题