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

火狐浏览器和IE的CSS区别

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

css中换行的几种常用方式整理

Div 在页面中居中

css中用javascript判断浏览器版本

CSS多个子框架居中

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

css让容器水平垂直居中的7种方式

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

实现div垂直居中的display:table-cell方法示例介绍

精品推荐
分类导航