用CSS 怎么样让div居中显示
2009-05-24 16:16
183 查看
div居中的设置该如何编写css?我们在传统的表格布局中,只要设置表格的居中属性就实现了居中的块元素。应用div css网站布局,div的居中该如何编写css来控制它呢?
主要的样式定义如下:
body {text-align: center;}
#center { margin-right: auto; margin-left: auto; }
首先在父级元素定义text-align: center;这个的意思就是在父级元素内的内容居中;
对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上margin-right: auto; margin-left: auto;
需要特别说明,请大家在布局中注意的是,如果你想用这个方法使整个页面要居中,建议不要套在一个div里,你可以依次拆出多个div,只要在每个拆出的div里定义margin-right: auto; margin-left: auto;就行了。
主要的样式定义如下:
body {text-align: center;}
#center { margin-right: auto; margin-left: auto; }
首先在父级元素定义text-align: center;这个的意思就是在父级元素内的内容居中;
对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上margin-right: auto; margin-left: auto;
需要特别说明,请大家在布局中注意的是,如果你想用这个方法使整个页面要居中,建议不要套在一个div里,你可以依次拆出多个div,只要在每个拆出的div里定义margin-right: auto; margin-left: auto;就行了。
相关文章推荐
- css+div使网页居中显示
- CSS的哪个属性可以设置DIV模块居中显示?
- css设置div垂直居中显示
- CSS:多个DIV在同一行居中显示的一种实现方法
- JS+CSS设置img在DIV中只显示Img垂直居中的部分
- div+css垂直居中显示
- CSS设置DIV居中显示
- 让一层div遮住全窗口 另一层显示登陆框自动居中的css代码
- div居中代码 DIV水平居中显示CSS代码
- 纯CSS如何让图片以及DIV垂直居中显示?
- 让div绝对居中显示的css&js
- CSS 实现某一个div居中显示
- DIV固定宽度居中显示-Div+CSS布局案例
- JS+CSS设置img在DIV中只显示居中部分
- div居中显示 的CSS
- 纯css解决position:abusolute的div居中显示
- CSS:使用CSS3将一个div水平和垂直居中显示
- Css实现Div在页面上垂直居中显示
- css div居中显示的4种写法
- CSS 图片在DIV中垂直居中的显示方法