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%;
文本对齐:居中;
}
你好世界。
我们添加了文本对齐:居中仅当子元素(在本例中为主体)显示为内联级元素时,才将代码>发送给父元素。换句话说,它对块级元素没有影响。因此,您可以在这个特定实例中删除它。