td中內嵌img如果有空字符將影響單元格高度

使用table佈局,td包含img標籤,如果td內還含有空白字符,那麼td的高度就會出錯,導致頁面出現空白/間隙。

解決方案:把空白字符去掉或者設置line-height:1px,img{display:block;}也可以。
原因是在塊級元素中單個字符(包括空格)都要佔用一個單行,所以塊級元素至少要暫用一行的高度,把行高設置成1px就了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章