TD边界问题Firefox

Question

firefox有这样的问题.

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

给出红线边框,但我需要高度10, 它不会站立高度10,没有它firefox不显示红线.任何一个方式？

Answer 1

确保您的表没有empty-cells:hide;应用CSS .您可以应用直接相反的内联值(相反的是show),但这是默认值,因此除非您hide在某些页面级CSS中将其设置为,否则甚至不需要这样做.

另一个可以影响空表单元格的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,则单元格将大于预期.