img與容器下邊界的空隙(縫隙) 的解決方法

2022-10-03 12:36:09 字數 500 閱讀 2242

問題描述:

ie7下 img與div(block型別元素)下邊界有距離(或者叫縫隙、空隙)。

ie7才會有這個問題,ie8下是沒有的。

解決方案:

法寶一:定義img標籤vertical-ali程式設計客棧gn:bottom,vertical-align:middle,vertical-align:top。

img 

程式設計客棧

法寶二:定義容器裡的字型大小為0。

div

據說原因:

文字等inline元素預設是和父級元素的baseline對齊的,而baseline又和父級底邊有一定距離(這個距離和 font-size,font-family 相關),所以設定 vertical-align:top/bottom/text-top/text-bottom 都可以避免這種情況出現。而且不光li,其他的block元素中包含img也會有這個現象。

本文標題: img與容器下邊界的空隙(縫隙) 的解決方法

本文位址:

img與容器下邊界的空隙(縫隙)

問題描述 ie7下 img與div block型別元素 下邊界有距離 或者叫縫隙 空隙 ie7才會有這個問題,ie8下是沒有的。解決方案 法寶一 定義img標籤vertical align bottom,vertical align middle,vertical align top。img 法寶二...

inline block元素的空隙與解決方法

多次遇到了使用inline block後留下間隙的問題,所以記錄一下,以提醒自己以後留意這點。現象描述 使用display inlie block後和一些行內元素都有此現象如 等標籤元素 那沒我們該如何解決呢?方法是很多的。可以參考大神的解決方法 以下方法是我對此部落格的提煉。方法一間隙產生的原因是...

ZOJ 2314 (無源匯有上下邊界的可行流)

點選此處檢視原題 給出n個結點,m條管道,每條管道存在最小流量和最大流量,而且每個結點的流入量等於流出流出量,問這n個結點和m條管道能否形成流量迴圈 經典的無源匯有上下邊界的可行流問題,因為每條邊存在最低流量low和最大流量up,所以每條邊都至少有low流量,我們為每個邊都設定這樣的初始流量,這樣我...