Question

为了让以下id为container 的div能水平居中 需要的CSS 样式是啥 <div id＝“container”>页面正文</div>

为了让以下id为container 的div能水平居中 需要的CSS 样式是啥 <div id＝“container”>页面正文</div>

Answer 1

在标准盒模型下。
div设置width=固定值，如300px
然后margin-left和margin-right都是auto就可以水平居中了。

再就是设置这个DIV的父元素的text-align:center，同样也要设置DIV的width=固定值
也能实现水平居中，但这算一种hack。因为本来是让文字水平居中的意思。

Answer 2

给container 设置一个宽度就好了

例如1000的宽度

#container{ margin:0 auto; width:1000px;}

Answer 3

加宽度， width:960px; margin:0 auto;

Answer 4

可以简写为#container{ margin:0 auto; width:960px;}

Answer 5

#container{ margin:0 auto}
注：container必须有固定宽度