HTML：TABLE 中的字体大小为 0答案

【问题标题】：HTML: Font-size 0 in TABLEHTML：TABLE 中的字体大小为 0
【发布时间】：2021-06-15 04:03:01
【问题描述】：

在 HTML 表中，我有几个列，可按 JavaScript 排序。一列由 23、61、23 等数字填充，我想在数字后添加一些文本，用于排序。数字应可见但后面的文本应具有 Size=0，以免增加列。我的试验不起作用，这里的文字仍然可见：

<HTML>
<HEAD>
     <TITLE>sortable table</TITLE>
     <SCRIPT src="SortTable.js"></SCRIPT>
</HEAD>

<BODY>
    <TABLE CLASS=sortierbar BORDER=1 WIDTH=100% SOLID=1 STYLE='font-size:10pt; empty-cells:show;'>
        <THEAD>
            <TR>
                <TH CLASS=sortierbar WIDTH=8%>Idx - Id</TH>
                <TH CLASS=sortierbar WIDTH=3%>Grid</TH>
            </TR>
        </THEAD>
<TBODY>
    <TR>
        <TD>1 - 2630194544</TD>
        <TD>2015-01-01 2268 </TD>
        <TD>2021-02-25T18:26:05Z</TD>
        <TD STYLE=text-align:center>23<font size=0><I>Walter"</I></font></TD>
    </TR>
    <TR>
        <TD>2 - 9570194548</TD>
        <TD>2015-01-01 2268 </TD> 
        <TD STYLE=text-align:center>62<font size=0><I>Peter</I></font></TD>
    </TR>
    <TR>
        <TD>3 - 2630194548</TD> <TD>2015-01-01 2268 </TD> 
        <TD STYLE=text-align:center>23<font size=0><I>Susan</I></font></TD>
    </TR>
</BODY>
</HTML>

【问题讨论】：

请正确格式化您的标记。如果您没有使用能够做到这一点的优秀编辑器，您可以将其放入 Fiddle 并使用 Tidy 功能。
font element 已弃用。您应该使用 CSS 样式，但即便如此，这也不是一个可访问的解决方案——屏幕阅读器会看到您的零大小文本。请改用data attributes。
@isherwood — 它在 1998 年被（字面意思）弃用，现在标记在 "entirely obsolete, and must not be used by authors" 的功能列表中。
<font size="0">从未有效。允许的最小尺寸是1。
谢谢大家，好吧，我的方法是错误的。但是什么代码可以使数字可见并且文本大小为零？

标签： html html-table font-size

【解决方案1】：

我的工作解决方案：在相关 CSS 中创建了一个新条目，size=0 有效：

H9
    { font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0pt;
    font-weight: normal;
    font-style: normal;
    margin-top: 0pt;
    margin-bottom: 0pt;
    text-decoration:none;
    background-color: transparent;
    color: #0F408D}

【讨论】：