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

标签 css

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

css 代码片段:

<style type="text/css">
    html
    {
        width: 1200px;
        margin: 0px auto;
        background-color: Gray;
    }
    body
    {
        background-color: red;
    }
</style>

html 代码片段:

<body>any contents go here...</body>

最佳答案

html 是页面中每个元素的父亲。如果它居中,假设您想将某些内容绝对定位在整个页面的左上/右上角。它现在将变得相对于居中的 html 元素,很可能......而且必须抵消这种影响会很痛苦,这就是我不建议这样做的原因。

这就是为什么最好至少将主体或 div 包装器居中。

编辑:在我的实际测试中(在 Fx 3 中),AP 元素似乎与整个视口(viewport)相关,但即便如此它也可能与浏览器不一致并且与 IE 不一致.

通过将包装器居中,可以保证一切顺利。

关于css - 通过调整 html 标签的 CSS 属性来获得水平居中的页面是不好的还是完全错误的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3402139/

相关文章:

javascript - HTML5 删除我的绘图

css - 高度 100% 属性剪裁列

html - 对象的 iframe 滚动

css - 浏览器视口(viewport)在浏览器之间是不同的

html - Bootstrap v2 Accordion 与 bootstrap v3 - 哪个类(class)发生了变化?

JavaFX : How to set a scaled image as a node background

html - 允许相对位置和顶部,直到 div 触及页面顶部

html - 如何将两个按钮放在同一行

html - 列表项 li 悬停样式在页面上不起作用

php - 背景图片不显示