开发时因为需要td的高度低于5px来达到background刚好填充的效果,但当将height设置为5px,没有起到效果
<td style="border: 1px solid red;" background="images/21.gif" width="900" style="height:5px;"> </td>
上面的代码不管height再怎么小,<td>的高度也不会跟着变小
原因是<td>内有默认font-size的样式,当行高比字体的高度小的时候,取字体的最小高度值,修改font-size或line-height可解决这个问题
<td style="border: 1px solid red; " background="images/21.gif" width="900" style="line-height:10px;"> </td>
或
<td style="border: 1px solid red; " background="images/21.gif" width="900" style="font-size:10px;"> </td>