我希望在页面中间的div,div应该是561px并且文本需要保持对齐.
<div id="notes">
aaaaaaaaa
a
aaaaaaa
aaaaaaaaa
</div>
两件事情.首先:
#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保证金属性:"边距","保证金右","下边距","利润率左"和"余量"的层叠样式表级别2版本1(CSS 2.1)规范:
'margin'属性是一种速记属性,用于在样式表的同一位置设置'margin-top','margin-right','margin-bottom'和'margin-left'.
如果只有一个值,则适用于所有方面.如果有两个值,则顶部和底部边距设置为第一个值,右边距和左边距设置为第二个.如果有三个值,则将top设置为第一个值,将left和right设置为第二个值,将bottom设置为第三个值.如果有四个值,则它们分别应用于顶部,右侧,底部和左侧.
Run Code Online (Sandbox Code Playgroud)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 */
因此autoin in margin: 0 auto;means:
margin-left: auto;
margin-right: auto;
在这种情况下,浏览器将使块元素居中.IE 不会这样做,除非它符合标准,你通过提供DOCTYPE声明强制执行.请参阅Quirks模式和严格模式.