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

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

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

瀏覽:139日期: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的問題,點這個

相關文章:
主站蜘蛛池模板: 亚洲色图婷婷 | 国产日韩欧美精品 | 91成人精品 | 美女一区二区在线观看 | 老熟女毛片 | 黄网在线观看 | 精品成人 | 一区二区三区欧美 | 免费黄色片在线观看 | 毛片日韩 | 国产性色视频 | 亚洲在线一区二区 | 狠狠色狠狠色综合日日92 | 精品国产乱码久久久久久蜜柚 | 婷婷久久精品一区二区 | 在线色网 | 亚洲综合天堂网 | 久久三区 | 99综合网 | av电影手机版 | 精品久久国产 | 黄片毛片免费观看 | 国产亚洲欧美在线 | a国产视频 | 亚洲最大福利网 | 九九国产| 国产日韩欧美中文字幕 | 国产精品美女 | 亚洲成人999 | 成人在线一区二区 | 日本一二区视频 | 一区二区不卡视频 | 国产在线视频一区二区 | 性高湖久久久久久久久aaaaa | 日本 欧美 三级 高清 视频 | 极品久久 | 日韩精品久久 | 中文字幕在线视频免费视频 | 影音先锋久久 | 欧美日韩网站 | 在线免费观看a级片 |