html - TD 边框问题 Firefox

Question

firefox 的问题。

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

给出红线边框，但我需要高度 10， 它不站立高度 10，没有它 firefox 不显示红线。 有人知道吗？

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，因为空格与元素。如果您使用任何大于 10 像素的字体大小，单元格将比预期的大。