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

首頁(yè) > 編程 > HTML > 正文

未知大小圖片在已知容器中的垂直和水平居中問(wèn)題

2020-10-23 18:50:09
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

除特別說(shuō)明外,本站內(nèi)容采用創(chuàng)作共用授權(quán)署名和非商業(yè)用途,請(qǐng)尊重勞動(dòng)成果。

CSS布局中,未知大小圖片的垂直居中,一直是比較頭疼的問(wèn)題,標(biāo)準(zhǔn)瀏覽器只要設(shè)定容器的line-height和圖片的vertical-align:middle;就可以了,但對(duì)IE沒(méi)用,幾個(gè)月前在國(guó)外網(wǎng)站看到了一則對(duì)IE的解決方法,感覺(jué)不是很理想,也沒(méi)當(dāng)回事。最近看到經(jīng)常有朋友在問(wèn)類似的問(wèn)題,又把代碼翻了出來(lái),針對(duì)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;/*標(biāo)準(zhǔn)瀏覽器需要這個(gè)數(shù)值*/
 }
 img{
  vertical-align:middle;/*標(biāo)準(zhǔn)瀏覽器圖片垂直居中*/
 }

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

在IE5.5、IE6.0、FF1.5、Opera9.0下測(cè)試成功,對(duì)IE5.0和IE7.0無(wú)效.

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 富裕县| 柯坪县| 精河县| 锡林郭勒盟| 尚志市| 昆山市| 颍上县| 灵武市| 镇江市| 出国| 卢氏县| 樟树市| 安多县| 布尔津县| 嘉峪关市| 白银市| 青州市| 宣城市| 山阳县| 遂昌县| 邯郸县| 安宁市| 磐石市| 平武县| 南京市| 华池县| 盘锦市| 南平市| 蒲城县| 南陵县| 瓦房店市| 迁安市| 赫章县| 改则县| 桐梓县| 高青县| 永仁县| 石首市| 彭阳县| 湾仔区| 天祝|