国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

前端 - 關(guān)于img父容器的高度會比img的高度多幾像素的問題?

瀏覽:137日期:2024-05-19 08:53:38

問題描述

<p style='width: 500px;'><img src='http://www.cgvv.com.cn/wenda/imgs/1.jpg' /> </p>

在網(wǎng)頁上thumb的高度會比里面的img高度多出幾像素,請教下這是為啥?

前端 - 關(guān)于img父容器的高度會比img的高度多幾像素的問題?

前端 - 關(guān)于img父容器的高度會比img的高度多幾像素的問題?

問題解答

回答1:

p是塊級標(biāo)簽,img是行級標(biāo)簽,你把img的display設(shè)置能block就好了。

回答2:

這是因為瀏覽器本身對img標(biāo)簽的渲染問題,img標(biāo)簽本身是行內(nèi)元素(主要原因)所以有一種簡單有效的解決辦法(推薦)

img { display:block;}

或者可以嘗試為父級p設(shè)置font-size:0(不推薦)也可以采用浮動(float),原因是浮動會將這個元素轉(zhuǎn)換為塊級元素當(dāng)然還有為p定高并且設(shè)置overflow:hidden的解決辦法(太不優(yōu)雅了,強烈不推薦)

回答3:

img是行內(nèi)置換元素,是行內(nèi)但又自帶一些樣式,需要初始化。

img { vertical-align:top; }回答4:

基線問題,img是行內(nèi)塊元素,在塊元素里默認(rèn)有3px或者4px空白(其實就是和文本的基線對齊不管有沒有文本)解決:設(shè)置圖片display:block或者img { vertical-align:top; }

回答5:

關(guān)鍵字 ---> 4px空白

回答6:

1、浮動2、display:block

回答7:

設(shè)置父元素:font-size:0

設(shè)置圖片display:block

設(shè)置圖片浮動

回答8:

就一個bug img 默認(rèn)有3,4像素空白

解決方法:1、給父級加高 overflow:hidden;2、需要浮動時 直接float 也可以3、display:block;

回答9:

這個往深里面說,是ifc的baseline的問題,點這個

相關(guān)文章:
主站蜘蛛池模板: 91精品人成在线观看 | 欧美一区综合 | 免费在线视频成人 | 日本一线a视频免费观看 | 久久小视频 | 中文字幕亚洲精品久久 | 青青草国产免费久久久91 | 国产高清精品久久久久久久 | 国产特黄特色一级特色大片 | 欧美亚洲国产精品久久 | 理论片黄色| 国产激情视频在线播放 | 亚洲欧美日韩综合一区久久 | 亚洲国产成人久久一区久久 | 国产成人无精品久久久久国语 | 欧美一级毛片俄罗斯 | 亚洲成人综合在线 | 大尺度福利视频在线观看网址 | 久草在线影 | 免费观看a级毛片在线播放 免费观看a级网站 | 男女乱淫真视频免费观看 | 亚洲日本中文字幕在线 | 亚洲人视频在线观看 | 欧美午夜三级我不卡在线观看 | 日韩一区视频在线 | 亚洲国产二区三区久久 | 国产精品免费大片一区二区 | 失禁h啪肉尿出来高h健身房 | 性刺激免费视频观看在线观看 | 久草手机在线 | 免费一级 一片一毛片 | 欧美精品做人一级爱免费 | 欧美一级特黄特黄毛片 | 国产激情久久久久影 | 欧美夜夜骑 | 亚洲午夜精品在线 | 91成人国产 | 嫩草一区二区三区四区乱码 | 80岁色老头69av | 色樱桃影院亚洲精品影院 | 三上悠亚免费一区二区在线 |