Question

firefox这样的问题。

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

给出红线边框，但是我需要高度10， 它不会站立高度10，没有火狐没有显示红线。任何一个方式？

Answer 1

确保您的表格没有应用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，因为该空间将与元素中的任何文本具有相同的字体大小。如果您使用的任何字体大小超过10px，则单元格将大于预期。

Answer 2

除了克里斯的回答。

确保您的TD未应用position:relative。

Answer 3

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

table.table tr{
    background: transparent;
}

TD边界问题Firefox

3 个答案: