在CSS中如何实现div横向居中，代码是什么-群英

上一篇：CSS中常见的清除浮动方法和优缺点分别是什么下一篇：用CSS怎么实现元素透明的效果，代码是什么

这篇文章主要介绍“在CSS中如何实现div横向居中，代码是什么”，有一些人在在CSS中如何实现div横向居中，代码是什么的问题上存在疑惑，接下来小编就给大家来介绍一下相关的内容，希望对大家解答有帮助，有这个方面学习需要的朋友就继续往下看吧。

本文章就单独讲一下关于cssdiv/css.html">css教程 div 横向居中写法的用法，并且在ie,ie7,firefox兼容问题。

横向居中(centering)

　　这是一个简单的技巧，但是值得再说一遍，因为我看见太多的新手问题都是问这个：css如何横向居中？您需要定义元素的宽，并且定义横向的margin，假如您的布局包含在一个层(容器)中，您可以这样定义使它横向居中：

#wrap {
/* 修改为您的层的宽度 */
margin:0 auto;
}

　　但是ie5/win不能正确显示这个定义，我们采用一个非常有用的技巧来解决：用text-align属性，就像这样：

body {
text-align:center;
}
#wrap {
/* 修改为您的层的宽度 */
margin:0 auto;
text-align:left;
}

　　第一个body的text-align:center; 规则定义ie5/win中body的所有元素居中（其他浏览器只是将文字居中），第二个text-align:left;是将#warp中的文字居左。

上述内容具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多"在CSS中如何实现div横向居中，代码是什么"的内容，大家可以关注群英网络的其它相关文章。

标签： div横向居中

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：CSS中常见的清除浮动方法和优缺点分别是什么下一篇：用CSS怎么实现元素透明的效果，代码是什么