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)載，請(qǐng)注明出處，素材資料僅供個(gè)人學(xué)習(xí)與參考，請(qǐng)勿用于商業(yè)用途！
本文地址：http://irelandcustomcontracting.com/tutorial/wd2213.html
本文地址：http://irelandcustomcontracting.com/tutorial/wd2213.html
這些是最新的
- 專訪：石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued：響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率？
- 晉小彥視覺設(shè)計(jì)系列文章（二）：全屏
最熱門的教程
