IE9下DIV本來應(yīng)該居中的結(jié)果顯示為居左
2014/9/30 11:24:59來源:三聯(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 下面 本來應(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
本文地址:http://m.likemindfilms.com/tutorial/wd2213.html
這些是最新的
最熱門的教程