使用position和负值空白边让div居中
2010-01-24 14:48:09 来源:心蕊设计 浏览: 489次
<script type="text/javascript"></script>
在前面的课程中,心蕊网页CSS实现div层居中。今天再给大家讲解一种使用position和负值空白边让div居中的方法。设计给大家讲解过
首先定义容器的宽度,然后将容器的position属性设置为relative,left属性设置为50%,就会把容器的左边缘定位在页面的中间。
#box{ |
这样是让容器的左边缘居中,我们希望让容器的中间居中。实现方法是对容器的左边应用一个负值的空白边,宽度等于容器宽度的一半。这样会把容器向左移动它的宽度一半,从而让它在屏幕上居中。
#box{ |