码迷,mamicode.com
首页 > 其他好文 > 详细

如何设置DIV水平、垂直居中

时间:2015-02-25 01:52:58      阅读:257      评论:0      收藏:0      [点我收藏+]

标签:

一、水平居中

需要设置两点:

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水平、垂直居中

标签:

原文地址:http://www.cnblogs.com/yingsong/p/divcenter.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!