TD边框问题Firefox

<td height="10" style="border:1px solid #990000;"> </td>

给人红线边界，但我需要高度10，与 它好好尝试站立高度10，没有它Firefox不显示红线。任何一个人的方式？

2011-08-26 Henrikh

确保您的表格没有应用CSS empty-cells:hide;。您可以直接应用直接相反的值（相反是show），但这是默认值，所以除非您在某些页面级CSS中将它设置为hide，否则甚至不必这样做。

另一个可影响空表格单元格的CSS项目是border-collapse。确保您没有将其设置为collapse。缺省值为separate，同样可以确保没有页面级别的CSS更改此样式，也可以将其明确添加到表格中。

<table style="empty-cells:show; border-collapse:separate;"> 
    <tbody> 
     <tr> 
      <td style="height:10px; border:1px solid #990000;"></td> 
     </tr> 
    </tbody> 
</table>

http://jsfiddle.net/yHrhu/

事实上，使用所述非断裂空间（ ）可导致细胞为比指定10px的大，因为该空间将是相同的字体大小作为任何文本元素。如果您使用的字体大小超过10像素，则单元格会比预期的大。

来源

2011-08-26 21:21:28

非常感谢。它帮助 – Henrikh

克里斯的答案更多。

确保您的TD没有应用position:relative。

来源

2013-07-19 22:15:48 AlexCheuk

感谢亚历克斯，我有一个类似的问题，你的解决方案帮助。实际上，我的TR有位置相对应用，所以任何有类似问题的人都应该确保TR也没有位置：相对应用。 – Nick

只是偶然发现这个问题，我自己今天投票将背景设置为无或透明，使边框再次可见。

table.table tr{ 
    background: transparent; 
}

来源

2016-07-22 13:22:30

TD边框问题Firefox

回答

相关问题