页面整体居中是网页设计中常见的形式。在传统表格布局中,我们使用表格的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的左右边距设置为相同,从而实现居中的状态。
页面整体居中解决办法
最新推荐文章于 2024-04-12 11:37:26 发布