通过调整html标记的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> <

通过调整html标记的CSS属性来获得水平居中的页面是不好的还是完全错误的

css代码片段:

<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不一致

您可以通过将包装器居中来保证一切正常