手机
当前位置:查字典教程网 >网页设计 > 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在浏览器水平居中】相关文章:

css实现图片在div中居中的效果

css中用javascript判断浏览器版本

css控制div中元素居中的示例

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

div在firefox ie 水平居中对齐

CSS:使DIV 在浏览器窗口中水平垂直居中

用css样式表实现首字大写

css强制文字不换行实现代码

CSS多个子框架居中

css返回顶部图标固定在浏览器右下角且兼容ie6

精品推荐
分类导航