通过调整html标记的CSS属性来获得水平居中的页面是不好的还是完全错误的?
通过调整html标记的CSS属性来获得水平居中的页面是不好的还是完全错误的 css代码片段:通过调整html标记的CSS属性来获得水平居中的页面是不好的还是完全错误的?,css,Css,通过调整html标记的CSS属性来获得水平居中的页面是不好的还是完全错误的 css代码片段: <style type="text/css"> html { width: 1200px; margin: 0px auto; background-color: Gray; } body { background-color: red; } </style> <
<style type="text/css">
html
{
width: 1200px;
margin: 0px auto;
background-color: Gray;
}
body
{
background-color: red;
}
</style>
<body>any contents go here...</body>
html
{
宽度:1200px;
保证金:0px自动;
背景颜色:灰色;
}
身体
{
背景色:红色;
}
html代码片段:
<style type="text/css">
html
{
width: 1200px;
margin: 0px auto;
background-color: Gray;
}
body
{
background-color: red;
}
</style>
<body>any contents go here...</body>
任何内容都放在这里。。。
html
是页面中每个元素的父亲。如果它变得居中,那么假设您希望将某些内容绝对放置在整个页面的左上/右上角。它现在将相对于居中的html
元素,很可能是。。。而要抵消这种影响将是一种痛苦,这就是为什么我不建议这样做
这就是为什么最好将主体或div包装放在中心位置
编辑:在我的实际测试(在FX3中)中,AP的元素似乎与整个视口相对,但即使如此,它也可能与跨浏览器和IE不一致
将包装器居中可以保证一切正常。html
是页面中每个元素的父亲。如果它变得居中,那么假设您希望将某些内容绝对放置在整个页面的左上/右上角。它现在将相对于居中的html
元素,很可能是。。。而要抵消这种影响将是一种痛苦,这就是为什么我不建议这样做
这就是为什么最好将主体或div包装放在中心位置
编辑:在我的实际测试(在FX3中)中,AP的元素似乎与整个视口相对,但即使如此,它也可能与跨浏览器和IE不一致
您可以通过将包装器居中来保证一切正常