日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
實現(xiàn)DIV頁面垂直居中行之有效的辦法

本文向大家簡單介紹一下DIV頁面垂直居中方法，其實解決的思路是這樣的：首們需要position:absolute;絕對定位。而層的定位點，使用外補(bǔ)丁margin負(fù)值的方法。負(fù)值的大小為層自身寬度高度除以二。

DIV頁面垂直居中方法

DIV頁面垂直居中于瀏覽器，一直是新手朋友比較頭疼的問題。其實解決的思路是這樣的：首們需要position:absolute;絕對定位。而DIV頁面的定位點，使用外補(bǔ)丁margin負(fù)值的方法。負(fù)值的大小為層自身寬度高度除以二。

　如：一個層寬度是400，高度是300。使用絕對定位距離上部與左部都設(shè)置成50%。而margin-top的值為－150。margin-left的值為－200。這樣我們就實現(xiàn)了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.

文章標(biāo)題：實現(xiàn)DIV頁面垂直居中行之有效的辦法
網(wǎng)頁網(wǎng)址：http://www.5511xx.com/article/dhoeseo.html