首页 > 其他 > 详细

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

时间:2015-02-25 01:51:50      阅读:309      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!