快上网建站品牌

13518219792

实现DIV页面垂直居中行之有效的办法

本文向大家简单介绍一下DIV页面垂直居中方法，其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。

DIV页面垂直居中方法

DIV页面垂直居中于浏览器，一直是新手朋友比较头疼的问题。其实解决的思路是这样的：首们需要position:absolute;绝对定位。而DIV页面的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。

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

例子:

 
 
 
    
  
  
  
  1. 
  
  
  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5. 
  
  
  
  6. content="text/html;charset=utf-8"/> 
    7. 
  
  
  
  7. 25175.com 
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10. DIV{  
    11. 
  
  
  
  11. position:absolute;  
    12. 
  
  
  
  12. top:50%;  
    13. 
  
  
  
  13. left:50%;  
    14. 
  
  
  
  14. margin:-150px00-200px;  
    15. 
  
  
  
  15. width:400px;  
    16. 
  
  
  
  16. height:300px;  
    17. 
  
  
  
  17. border:1pxsolidred;  
    18. 
  
  
  
  18. }  
    19. 
  
  
  
  19.  
    20. 
  
  
  
  20.  
    21. 
  
  
  
  21.  
    22. 
  
  
  
  22. DIV页面垂直居中
     
    23. 
  
  
  
  23.  
    24. 
  
  
  
  24.  
    25. 
  
  
  
  25.  
    26.

当前文章：实现DIV页面垂直居中行之有效的办法
文章URL：http://gydahua.com/article/dhoeseo.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

其他资讯

行业动态

企业网站建设的重要性！

现在虽然是移动互联网时代，但企业网站依然重要，包含PC站点，移动站。可以说企业网站关系企业的未来发展和前途，尤其对中小企业更是如此，一些中小企业老板，对自己的名片很在乎，因为这是个门面。...

服务项目

联系吧 在百度地图上找到我们

电话：13518219792

如遇占线或暂未接听请拨：136xxx98888

业务咨询 技术咨询 售后服务
网站设计
教育网站设计方案
网站设计
广安网站设计
成都网站设计
网站制作
网站制作公司
达州网站制作
温江网站制作
wap网站制作
联系我们
电话：13518219792
邮箱：631063699@qq.com
地址：成都青羊区锦天国际1002号
网址：www.gydahua.com
网站建设
成都网站建设
成都定制网站建设
绵竹网站建设
成都网站建设流程

微信二维码

Copyright © 2002-2023 www.gydahua.com 快上网建站品牌 QQ：244261566 版权所有 备案号：蜀ICP备19037934号