页面整体居中解决办法

页面整体居中是网页设计中常见的形式。在传统表格布局中，我们使用表格的align=“center”属性来实现表格居中，再在其单元格中装上内容，实现整个页面居中。而div本身也支持align=“center”属性，同样可以让div呈现居中状态。但这不是我们所希望的，css布局是为了实现表现和内容的分离，align对齐属性是一种样式代码，书写在xhtml的div中，有违于分离原则。不能使用<center>标签，因为<center>的本意是对其所包含的文字进行水平居中，在HTNL4.01中，center元素不赞成使用，在XHTML1.0 Strict DTD中，center元素不支持。正确的实现方式使用css的方法，使用margin的auto的属性值，auto值是让浏览器自动判断边距，我们给一个div的左右边距设置为auto，浏览器会将div的左右边距设置为相同，从而实现居中的状态。