av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

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

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

問題描述

<p style='width: 500px;'><img src='http://m.4tl426be.cn/wenda/imgs/1.jpg' /> </p>

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

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

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

問題解答

回答1:

p是塊級標簽,img是行級標簽,你把img的display設置能block就好了。

回答2:

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

img { display:block;}

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

回答3:

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

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

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

回答5:

關鍵字 ---> 4px空白

回答6:

1、浮動2、display:block

回答7:

設置父元素:font-size:0

設置圖片display:block

設置圖片浮動

回答8:

就一個bug img 默認有3,4像素空白

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

回答9:

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

相關文章:
主站蜘蛛池模板: 久久久免费观看视频 | 麻豆国产一区二区三区四区 | 亚洲网站在线播放 | 亚洲va在线va天堂va狼色在线 | 欧美精品在线一区二区三区 | 日韩性在线 | 二区不卡 | 国产激情91久久精品导航 | 日韩成人精品在线观看 | 成人在线视频免费观看 | 欧美激情视频一区二区三区在线播放 | 亚洲一区二区三区免费视频 | 日韩精品一区二区三区四区 | 精品91久久久 | 亚洲狠狠爱 | av香蕉| 久久精品免费一区二区 | 九九视频在线观看视频6 | 国产视频1区 | 欧美日韩综合精品 | www.亚洲国产精品 | 国产精品免费观看 | 在线看h| 成人免费观看视频 | 日韩欧美精品在线 | 在线观看免费av网 | 日日碰碰| 黑人久久久 | 中文字幕在线观看一区 | 鸳鸯谱在线观看高清 | 国产亚洲一区二区精品 | 久色网 | 99久久99热这里只有精品 | 欧美高清dvd | 99久久婷婷国产综合精品电影 | 欧美成人自拍 | 在线激情视频 | 免费 视频 1级 | 91久久精品国产91久久性色tv | 欧美三区 | 欧美一区二区免费 |