css三种方法实现div在浏览器水平居中

发布时间：2016-04-14 17:16:09 作者：佚名

这篇文章主要介绍了css三种实现div在浏览器水平居中的方法，感兴趣的小伙伴们可以参考一下

本文教大家如何实现一个div在浏览器水平居中，下面是三种解决方法，具体内容如下

第一种方法：

CSS Code复制内容到剪贴板

div {
margin: 0 auto;
width: 960px;
}

第二种方法（兼容IE）:

CSS Code复制内容到剪贴板

body { text-align: center; }
div {
margin: 0 auto;
width: 960px;
}

第三种方法（不推荐）:

CSS Code复制内容到剪贴板

div {
position: relative;
left: 50%;
margin-left: -480px;
width: 960px;
}

以上就是本文的全部内容，希望对大家学习CSS样式有所帮助。

Tag：水平居中 DIV css

相关文章

浅谈css处理水平居中的问题
下面小编就为大家带来一篇浅谈css处理水平居中的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦
2016-09-04
Flexbox制作CSS布局实现水平垂直居中的简单实例
下面小编就为大家带来一篇Flexbox制作CSS布局实现水平垂直居中的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-27
关于css水平居中的小小探讨
下面小编就为大家带来一篇关于css水平居中的小小探讨。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-29
css水平居中的各种方法总结(推荐)
下面小编就为大家带来一篇css水平居中的各种方法总结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-03
浅析CSS实现水平垂直同时居中的5种思路
下面小编就为大家带来一篇浅析CSS实现水平垂直同时居中的5种思路。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
2016-04-28
CSS实现水平居中的4种思路简要概述
水平居中是经常遇到的问题。看似方法较多，条条大路通罗马。但系统梳理下，其实都围绕着几个思路展开。本文将介绍关于水平居中的4种思路，感兴趣的朋友参考下吧
2016-04-27
CSS水平居中总结(新手必看篇)
下面小编就为大家带来一篇CSS水平居中总结(新手必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-08

最新评论