欢迎访问宝鸡世纪网络官网,宝鸡网站建设已累计服务超过900家企业!  咨询热线:0917-3535180 3536690

10年建站历程,900家客户的选择,值得信赖!


DIV在浏览器垂直居中

作者:佚名      发布时间:2011-08-12      浏览:1666

62.9K


DIV垂直在浏览器居中对于很多网站制作人员来说会比较困难,至少是要借助资料才会达到。这是比较基本的网站制作知识。

DIV垂在居中于浏览器的思想
首先。要垂在居中的DIV需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。

一个示例
一个层宽度是400,高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为-150。margin-left的值为-200。这样我们就实现了层垂直居中于浏览器的样式编写。代码如下:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
http://www.w3.org/1999/xhtml">


mb5u.com



这里是需要垂直居中的DIV




0