日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

table/div/圖片 IE9下的居中問題

【table/div/圖片 IE9下的居中問題】在網(wǎng)上找了一下,發(fā)現(xiàn)很多都是轉(zhuǎn)載以下代碼版本的,但是發(fā)現(xiàn)這個(gè)代碼只能文本居中,table、圖片是不行的;

復(fù)制代碼代碼如下:
div style="text-align:center;"
div style="margin:0 auto;"居中/div
/div

原因是,div默認(rèn)是占據(jù)整個(gè)瀏覽器寬度,所以需要定義width,即

復(fù)制代碼代碼如下:
div style="text-align:center;"
div style="margin:0 auto;width:500px;"居中/div
/div

這樣寫的話,里面的table和div都可以居中了 。只能講一句:可恨的微軟的IE

IE下的DIV居中確實(shí)存在著一種問題,網(wǎng)上也有很多關(guān)于在IE下DIV居中的方法,親自測(cè)試了一下,其實(shí)沒有他們說的那么麻煩 。
1.在IE9以上的版本中,只需要設(shè)置 margin:0px auto; 就可以使得DIV居中
2.在IE9以下的版本中,需要如下設(shè)置

復(fù)制代碼代碼如下:
div style="text-align:center"
div style="margin-left:auto ; margin-right:auto"/div
/div

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

    推薦閱讀