HTML：TABLE 中的字体大小为 0

Question

在 HTML-Table 中，我有几列，可按 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>

Answer 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}

HTML：TABLE 中的字体大小为 0

HTML: Font-size 0 in TABLE

html

html-table

font-size