水平居中对齐块元素

贴纸

我认为许多像我这样的人会继续这样做:

html {
    text-align: center;
}

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

http://jsfiddle.net/ofpy7mgz/

我什至不记得为什么我们要添加text-align: center;到父元素,必须是为了与浏览器兼容?好吧,现在就丢弃它是否安全?

编辑:目标仅用于居中对齐<body>元素,而不用于任何文本对齐等。

帕维尔

这是因为IE6(以及较旧的版本+我认为IE7在怪异模式下)以此方式将所有元素(blockinline都居中margin: auto在那儿不起作用。

其他浏览器(non-IE)不能使元素居中text-align: center;如规范所述,它们text-align: center用于inline元素,margin: auto用于block元素。

如果不想支持IE6,可以将其删除。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将文本与行内块元素垂直居中对齐

来自分类Dev

在div元素中居中水平和垂直对齐文本

来自分类Dev

对齐固定位置的元素以使其水平居中

来自分类Dev

在div元素中居中水平和垂直对齐文本

来自分类Dev

将 div 中的跨度元素水平居中对齐

来自分类Dev

如何居中对齐堆叠元素,以及如何水平拉伸?

来自分类Dev

为什么我的行内块元素未水平对齐?

来自分类Dev

居中对齐SVG元素?

来自分类Dev

水平<ul>菜单的居中对齐?

来自分类Dev

列表未水平对齐/居中

来自分类Dev

水平对齐的自举井居中

来自分类Dev

将元素水平居中

来自分类Dev

水平对齐不同的元素

来自分类Dev

如何在容器div中实现水平对齐,无间隙且居中的div元素

来自分类Dev

大小未知的垂直和水平居中元素,具有固定div中的块同级

来自分类Dev

元素未与div居中对齐

来自分类Dev

如何居中对齐浮动元素?

来自分类Dev

完美居中inline块元素?

来自分类Dev

动画居中的内联块元素

来自分类Dev

基于居中图像水平对齐Divs

来自分类Dev

UITextField水平文本对齐-文本未居中

来自分类Dev

将div与水平居中对齐的错误

来自分类Dev

UITextField水平文本对齐-文本未居中

来自分类Dev

将表格居中垂直和水平对齐

来自分类Dev

如何使div垂直和水平对齐居中?

来自分类Dev

jQuery 水平对齐的 div 不居中

来自分类Dev

无法将图像水平居中对齐

来自分类Dev

垂直对齐块元素

来自分类Dev

在div元素内对齐块