濮阳杆衣贸易有限公司

主頁 > 知識庫 > 未知大小圖片在容器的垂直和水平居中問題

未知大小圖片在容器的垂直和水平居中問題
熱門標簽：沸思外呼線路 石家莊電話機器人電話 400電話辦理安徽 電銷智能機器人靠譜么 北京銷售外呼系統(tǒng)線路 南寧外呼電銷系統(tǒng)招商 江西防封卡外呼系統(tǒng)怎么安裝 南通電話外呼系統(tǒng)開發(fā) 電銷機器人的宣傳語
CSS布局中,未知大小圖片的垂直居中，一直是比較頭疼的問題,標準瀏覽器只要設(shè)定容器的line-height和圖片的vertical-align:middle;就可以了，但對IE沒用，幾個月前在國外網(wǎng)站看到了一則對IE的解決方法，感覺不是很理想，也沒當回事。最近看到經(jīng)常有朋友在問類似的問題，又把代碼翻了出來，針對IE改了下。

CSS
.box{
height:140px;
width:200px;
border: solid 1px #666;
text-align:center;/*水平居中*/
line-height:140px;
font-size:126px;/*IE靠這垂直居中*/
}

.box[class]{
font-size:12px;/*標準瀏覽器需要這個數(shù)值*/
}

img{
vertical-align:middle;/*標準瀏覽器圖片垂直居中*/
}

　　原先老外代碼的font-size是和高度相同，試下來容器的高度要比標準瀏覽器高一截，多次嘗試將字體尺寸大小減去了百分之十容器的高度,這樣一來，看起來差不多。至于什么原因還不清楚.

　　在IE5.5、IE6.0、FF1.5、Opera9.0下測試成功,對IE5.0和IE7.0無效。

標簽：北海 云南 寧夏 陽泉 來賓 衢州 晉中 鹽城

巨人網(wǎng)絡(luò)通訊聲明：本文標題《未知大小圖片在容器的垂直和水平居中問題》，本文關(guān)鍵詞  未知,大小,圖片,在,容器,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《未知大小圖片在容器的垂直和水平居中問題》相關(guān)的同類信息！
  • 本頁收集關(guān)于未知大小圖片在容器的垂直和水平居中問題的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章
    嵩明县| 治多县| 合作市| 通城县| 双牌县| 什邡市| 江川县| 府谷县| 靖西县| 新民市| 轮台县| 新密市| 台东市| 都匀市| 昌都县| 涞水县| 九江县| 治多县| 九台市| 永川市| 都江堰市| 浦城县| 宜州市| 潜江市| 寿光市| 大连市| 和平区| 益阳市| 宜君县| 江城| 牟定县| 常宁市| 舒城县| 娄烦县| 吉木萨尔县| 密云县| 株洲县| 万山特区| 如东县| 安泽县| 茌平县|