主要css代码有两个:
1,text-align:center
2,margin:0 auto;
其两个样式需要配合使用才能实现div盒子的居中显示排版。
首先我们对body设置text-align:center,再对需要居中的div盒子设置css样式margin:0 auto,这样即可让对应div水平居中。
举个例子,居中代码为:
为了观察div居中效果,我们对div设置一个div命名为“#div”在html中div标签内使用id=“nav”,设置其宽度为200px;高度为150px,边框也设置了颜色。
效果如图:
以上就是CSS让DIV居中的方法。