css三种方法实现div在浏览器水平居中
(编辑:jimmy 日期: 2024/12/24 浏览:3 次 )
本文教大家如何实现一个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自适应布局思路