css三种方法实现div在浏览器水平居中
来源：爱站网时间：2018-12-19编辑：网友分享
当我们设计一个页面时，经常在中心显示DIV，它相对于页面窗口的水平和垂直方向显示，其实我们的传统解决方案一般都是使用纯CSS来让DIV居中，那么css三种方法实现div在浏览器水平居中大家了解了吗？感兴趣的朋友可以随着小编一起来了解一下！
当我们设计一个页面时，经常在中心显示DIV，它相对于页面窗口的水平和垂直方向显示，其实我们的传统解决方案一般都是使用纯CSS来让DIV居中，那么css三种方法实现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三种方法实现div在浏览器水平居中，希望对大家学习有所帮助，也希望大家继续支持爱站技术频道！
上一篇：CSS做了一个三分圆形的效果
