欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css布局網(wǎng)頁(yè)水平居中常用方法

 更新時(shí)間：2007年12月13日 19:50:12   投稿：mdxy-dxy  
頁(yè)面水平居中一般會(huì)令人很頭疼，尤其新手。瀏覽器之間的不兼容也會(huì)帶來很大問題。本篇文章主要介紹了css布局網(wǎng)頁(yè)水平居中常用方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

頁(yè)面水平居中一般會(huì)令人很頭疼，尤其新手。瀏覽器之間的不兼容也會(huì)帶來很大問題。下面來說一下常見的頁(yè)面水平居中辦法。 

以下內(nèi)容參見《精通CSS》。 

HTML代碼：  

<body>  
<div id="wrapper">  
</div>  
</body>  
IE居中辦法：  
body {  
   text-align:center;  
   min-width:760px;  
}  
#wrapper {  
   width:720px;  
   text-align:left;  
}

IE會(huì)將text-align:center 誤以為讓所有東西居中，而不只是文本。然后將容器的內(nèi)容重新對(duì)準(zhǔn)左邊即可。 

非IE：  

#wrapper {  
   width:720px;  
   margin:0 auto;  
}

如何兼容IE和非IE?如下：  

#wrapper {  
   width:720px;  
   position:relative;  
   left:50%;  
   margin-left:-360px;  
}

首先將容器左邊邊緣定位到頁(yè)面中間，然后向左移動(dòng)它寬度的一半。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論