Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/python-3.x/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 水平居中对齐块元素_Css - Fatal编程技术网

Css 水平居中对齐块元素

Css 水平居中对齐块元素,css,Css,我想很多像我这样的人都是这样做的: html { text-align: center; } body { margin: 0 auto; width: 80%; text-align: left; } 我甚至不记得为什么要添加text align:center到父元素,必须是浏览器兼容性?好吧,现在就放弃它安全吗 编辑:目标只是对元素进行居中对齐,而不是对任何文本对齐等。这是因为IE6(以及旧版本+我认为处于怪癖模式的IE7)通过这种方式对所有元素(包括块

我想很多像我这样的人都是这样做的:

html {
    text-align: center;
}

body {
    margin: 0 auto;
    width: 80%;
    text-align: left;
}

我甚至不记得为什么要添加
text align:center到父元素,必须是浏览器兼容性?好吧,现在就放弃它安全吗

编辑:目标只是对
元素进行居中对齐,而不是对任何文本对齐等。

这是因为IE6(以及旧版本+我认为处于怪癖模式的IE7)通过这种方式对所有元素(包括
内联
)居中,
页边距:自动

其他浏览器(
非IE
)无法通过
文本对齐:居中来居中块元素。正如规范所说,他们使用
text align:center
表示
inline
元素,使用
margin:auto
表示
block
元素


如果您不想支持IE6,您可以删除它。

如果您想使用您的代码,更简单地说:

正文{
保证金:0自动;
宽度:80%;
文本对齐:居中;
}

你好世界。

我们添加了
文本对齐:居中发送给父元素。换句话说,它对块级元素没有影响。因此,您可以在这个特定实例中删除它。