国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

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

2024-07-11 08:28:52
字體：大 中 小
來源：轉載
供稿：網友

在網上找了一下，發現很多都是轉載以下代碼版本的，但是發現這個代碼只能文本居中，table、圖片是不行的；

復制代碼
代碼如下:
<div style="text-align:center;">
<div style="margin:0 auto;">居中</div>
</div>

原因是，div默認是占據整個瀏覽器寬度，所以需要定義width，即

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

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

IE下的DIV居中確實存在著一種問題，網上也有很多關于在IE下DIV居中的方法，親自測試了一下，其實沒有他們說的那么麻煩。
1.在IE9以上的版本中，只需要設置 margin：0px auto; 就可以使得DIV居中
2.在IE9以下的版本中，需要如下設置

復制代碼
代碼如下:
<div style="text-align:center">
<div style="margin-left:auto ; margin-right:auto"></div>
</div>

其中的子div方可實現居中。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 太湖县| 双柏县| 西乌珠穆沁旗| 咸宁市| 松原市| 闻喜县| 宁波市| 习水县| 原阳县| 南投县| 辉县市| 白水县| 平遥县| 青阳县| 苗栗市| 黎城县| 读书| 常熟市| 鄂伦春自治旗| 新安县| 安塞县| 雅安市| 修水县| 浦城县| 绥阳县| 沂水县| 资阳市| 怀安县| 长沙县| 甘谷县| 洛扎县| 连江县| 华安县| 尉氏县| 永福县| 元朗区| 嘉祥县| 德庆县| 五台县| 宝应县| 樟树市|