标签：
div是html中的一个标签，一般称之为盒子。有宽度、有高度，是可以存放内容的一个区域。但是如何让div在页面上以水平或者垂直的方式居中呢？
1.div水平居中
div水平居中其实很简单，只要使用到margin中的auto就能实现。代码如下：
1 <html> 2 <head> 3 <title>div水平垂直居中</title> 4 5 <style> 6 .horizontal{ 7 width:800px; 8 height:300px; 9 background: #ff6a00; 10 margin:100px auto; /*100px是div的上下边距，auto表示左右边距自适应（即水平居中）*/ 11 } 12 </style> 13 </head> 14 <body> 15 <div class="horizontal"> 16 我是水平居中的div 17 </div> 18 </body> 19 </html>
标签：
原文地址：http://www.cnblogs.com/reese/p/4968044.html
