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

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

2014/9/30 11:24:59來(lái)源：三聯(lián)

 代碼如下:


<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 下面 本來(lái)應(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)居中。 

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