HTML:TABLE中的字体大小为0



在HTML表中,我有几个列,可以通过JavaScript进行排序。一列由23、61、23等数字填充,我想在数字后面添加一些文本,用于排序。数字应当是可见的<字体大小=8>但是后面的文本应具有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>

我的工作解决方案:在相关CSS中创建一个新条目,其中size=0 works:

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}

最新更新