欢迎访问世纪网络官网，宝鸡网站建设SEO优化已累计服务超过900家企业！　　　　　咨询热线：13619273150

15年网站建设优化经验，900家客户的选择，值得信赖！

您的位置：

首页 >> 知识中心 >> 网页设计知识


DIV在浏览器垂直居中

作者：佚名      发布时间：2011-08-12      浏览：2237次

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

*温馨提示：如有疑问，可免费咨询世纪网络在线客服，或拨打世纪网络热线0917-3535180，我们会从专业的角度认真解答。
*声　　明：本站部分信息来自网络，仅供参考，不作为世纪网络业务依据，不希望被转载的媒体或个人可与我们联系，我们将立即进行删除，详情咨询客服。世纪网络是一家专注于网站建设、SEO优化、网站优化、网站托管、网络推广、软件开发的网络公司,10年建站历程,拥有900多家客户案例,值得信赖！