div里包含img底部多出3px的解決辦法

2015-04-25 23:00:07來源:威易網作者:icech

如果將一個img放在div里面,你會發現在img下面無端端的就多出3px的空白出來。padding、margin、border都設為0,無效!那么怎么解決這個問題呢?

如果將一個img放在div里面,你會發現在img下面無端端的就多出3px的空白出來。padding、margin、border都設為0,無效!那么怎么解決這個問題呢?

問題圖:

\

解決后的效果:

\

這個Bug真是十分有意思,不過有N多種解決辦法!

1、設置div{ font-size: 0}

2、設置img{ display: block}

3、設置img{ vertical-align:top;}

當然推薦第二種方法,讓img對象成為塊級元素。

關鍵詞:css

贊助商鏈接:

排列五开奖结果2007年