【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)居中 。
推薦閱讀
- 南北方的蟑螂大小差異大 南方的蟑螂到底有多大圖片
- 閃電PDF轉(zhuǎn)換器提取PDF文件圖片的方法
- 圖片批量處理系統(tǒng)批量旋轉(zhuǎn)圖片的操作方法
- 神奇圖片批處理軟件批量給圖片添加邊框的方法步驟
- 使用神奇圖像處理軟件分割圖片文件的方法
- L7墻紙屏保圖片制作細(xì)則
- 2022支付寶特殊福字原圖 特殊福字掃福圖專用福字圖片大全
- 小王子工具箱下載網(wǎng)頁圖片的方法步驟
- 圖片批量處理系統(tǒng)批量轉(zhuǎn)換圖片格式的方法步驟
- FLASH遮擋DIV浮動(dòng)層解決方案兼容IE FF Chrome
