站长资源网页制作
css三种方法实现div在浏览器水平居中
简介本文教大家如何实现一个div在浏览器水平居中,下面是三种解决方法,具体内容如下第一种方法:CSS Code复制内容到剪贴板div { margin: 0 auto; width: 960px; } 第二种方法(兼容IE):CSS Code复制内容到剪贴板body
本文教大家如何实现一个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样式有所帮助。
上一篇:CSS常用文本样式总结
下一篇:CSS自适应布局思路