您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 移動前端 >> 瀏覽設(shè)計(jì)教程

IE9下DIV本來應(yīng)該居中的結(jié)果顯示為居左

 代碼如下:


<div style="width:1000px;margin:0 auto;">
<div style="background-color:red; text-align:left;">
區(qū)塊1
</div>
<div style="background-color:yellow;">
區(qū)塊2
</div>
</div>


在IE9 下面 本來應(yīng)該居中的,結(jié)果顯示為居左.

解決:

1.

在IE9以上的版本中,只需要設(shè)置 margin:0px auto; 就可以使得DIV居中

2.

在IE9以下的版本中,需要如下設(shè)置


代碼如下:

<div style="text-align:center">
<div style="margin-left:auto ; margin-right:auto"></div>
</div>


其中的子div方可實(shí)現(xiàn)居中。 

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd2213.html
設(shè)置margin和padding為0可去掉DIV與DIV的空白
使用css實(shí)現(xiàn)全兼容tooltip提示框
圖趣網(wǎng)微信
建議反饋
×