td中内嵌img如果有空字符将影响单元格高度

使用table布局,td包含img标签,如果td内还含有空白字符,那么td的高度就会出错,导致页面出现空白/间隙。

解决方案:把空白字符去掉或者设置line-height:1px,img{display:block;}也可以。
原因是在块级元素中单个字符(包括空格)都要占用一个单行,所以块级元素至少要暂用一行的高度,把行高设置成1px就了。

posted @ 2012-12-20 23:45  无忧无虑Coding  阅读(73)  评论(0编辑  收藏  举报