手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css三种方法实现div在浏览器水平居中
css三种方法实现div在浏览器水平居中
摘要:本文教大家如何实现一个div在浏览器水平居中,下面是三种解决方法,具体内容如下第一种方法:CSSCode复制内容到剪贴板div{margin...

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

第一种方法:

CSS Code复制内容到剪贴板 div{ margin:0auto; width:960px; }

第二种方法(兼容IE):

CSS Code复制内容到剪贴板 body{text-align:center;} div{ margin:0auto; width:960px; }

第三种方法(不推荐):

CSS Code复制内容到剪贴板 div{ position:relative; left:50%; margin-left:-480px; width:960px; }

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

【css三种方法实现div在浏览器水平居中】相关文章:

通过浮动+定位实现两个div在同一行

css中不确定高度垂直居中2种方法

css让table不显示边框的代码在火狐和谷歌浏览器中无效

div中内容上下居中小结

巧用CSS来控制div自适应浏览器的高度

css代码兼容浏览器技巧总结

css3实现input输入框颜色渐变发光效果代码

通过position定位实现div底端对齐

如何让图像域和文本输入框水平居中之类的实现代码

div在firefox ie 水平居中对齐

精品推荐
分类导航