【问题标题】:Table (cell) height vs. font-size表格(单元格)高度与字体大小
【发布时间】:2018-07-22 02:49:42
【问题描述】:

我的表格单元格的字体大小为 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。如果这还不够糟糕,我不能更改标记。你看到的就是我得到的。

【问题讨论】:

  • 是否有某种原因为什么您不使用 CSS 来设置表格样式而不是 HTML 属性?如果没有,我强烈推荐给你! :)
  • 首先,哪里说是9pt?您是否有样式表或其他未在此处显示的代码?此外,如果每行只有一个并且整个表格已经设置为 100%,则不需要将 100% 应用于 标记。但是,如果您可以显示更多代码,那么提供帮助会容易得多:)
  • 我无法更改我在原始帖子中所说的标记。不管我多么想,我都做不到。我已经删除了所有样式和表格单元格,并且图像间隔仍然没有折叠。如果是我,我只会取出图像垫片。解决了我的所有问题,但我无法更改标记。
  • 好的,我现在不会问你为什么不能更改标记。但是,您没有回答:您是否单独使用样式表?为什么字体大小设置为 9pt?因为从你发布的代码中看不到它是 9pt ......它在哪里设置?
  • CSS 已被剥离,因此字体大小的 9pt 设置无关紧要。你以前使用 CSS 而不是属性的 cmets 让我恍然大悟。我正在编辑的这个页面使用 HTML5,并且这些属性已被弃用,在呈现时会产生不可预测的结果。

标签: css html-table font-size


【解决方案1】:

好的,cpara :)

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

好吧,如果 9pt 字体大小未在任何地方设置但文本呈现为 9pt,则可能是您确实使用了单独的样式表,并且 9pt 设置在 div 或正文中,或者您的浏览器的标准中字体大小(如果没有设置字体大小)设置为 9pt...

但是很好,如果答案最终比想象的更接近并且它现在对你有用:)

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签