表(单元格)高度与字体大小

时间:2012-03-20 21:51:47

标签: css html-table font-size

我的表格单元格的字体大小为9pt。在这些表格单元格中,有间隔图像或文本。如果它是一个间隔图像我只想要桌子的高度,间隔图像的高度(在这种情况下为2px)。代码如下:

<table width="100%" cellspacing="0" cellpadding="2" border="0" class="foo">   
    <tbody>
        <tr valign="top">     
            <td width="100%" colspan="4" class="foo">
                <img width="0" height="1" alt="" src="spacer.gif">
            </td>   
        </tr>
    </tbody>
</table>
<table width="100%" cellspacing="0" cellpadding="2" border="0" class="foo">   
    <tbody>
        <tr valign="top">     
            <td width="100%" colspan="4" class="foo">
                bar <span>barbar</span>
            </td>   
        </tr>
    </tbody>
</table>

截至目前,无论是文字还是间隔图像,细胞的高度都是9pt。如果这还不够糟糕,我不能改变标记。你所看到的就是我得到的。

1 个答案:

答案 0 :(得分:0)

好的,cpara:)

这不是最佳做法,但如果您确实无法更改HTML,则仍可以使用样式表。如果样式表中的样式不会覆盖HTML样式,您还可以尝试将!important(如width:100% !important;)添加到样式表中的任何样式...

好吧,如果9pt字体大小没有设置在任何地方,但是文本被渲染到9pt,那么你可以使用单独的样式表,而9pt设置在div或body中,或者你的浏览器的标准font-size(如果没有设置font-size)设置为9pt ...

但很好,如果答案最终比想象的更接近,现在它适用于你:)