如何设置DIV水平、垂直居中
2016-09-02 17:35
246 查看
一、水平居中
需要设置两点:
1 设置DIV 的width属性即宽度。
2 设置div的margin-left和margin-right属性即可
代码:
<div style="width:800px; margin-left:auto; margin-right:auto; color:White; height:400px">DIV居中</div>
二、DIV垂直居中
同样的道理,需要设置两点:
1 设置DIV 的height属性即宽度。
2 设置div的margin-top和margin-bottom属性值为auto即可
需要设置两点:
1 设置DIV 的width属性即宽度。
2 设置div的margin-left和margin-right属性即可
代码:
<div style="width:800px; margin-left:auto; margin-right:auto; color:White; height:400px">DIV居中</div>
二、DIV垂直居中
同样的道理,需要设置两点:
1 设置DIV 的height属性即宽度。
2 设置div的margin-top和margin-bottom属性值为auto即可
相关文章推荐
- 如何设置DIV水平、垂直居中
- 如何使能DIV垂直和水平居中
- 如何让图片相对于上层DIV始终保持水平、垂直都居中
- 【转】如何让DIV水平和垂直居中
- 如何使一个div在另一个div中绝对居中(水平与垂直方向)
- DIV教程之如何使div居中(垂直水平居中)(转载于www.jqueryajax.com)
- 宽度高度不固定的div 如何水平居中以及垂直居中
- css中如何使div居中(垂直水平居中)
- CSS中如何把Span标签等行内元素设置为固定宽度及div中内容垂直居中
- 宽度高度不固定的div 如何水平居中以及垂直居中
- 宽度高度不固定的div,如何水平居中以及垂直居中
- css中如何使div居中(垂直水平居中)
- css中如何使div居中(垂直水平居中)
- 如何让DIV水平和垂直居中
- 如何让DIV水平和垂直居中
- 如何让div水平居中以及垂直居中,在宽高不定的情况下
- 如何让DIV里面的DIV水平垂直居中
- 如何使一个div在另一个div中绝对居中(水平与垂直方向)
- 如何使图片在DIV 中水平垂直居中
- 如何使div垂直水平居中的css代码