我有一个问题是，如何调整的空间之间的文本或说在html。 我想我的结果2"结肠"对可以调整相同的线。
下面是我的样品代号：
<tr><td style="font-size:11px;">Name :</td></tr><br>
<tr><td style="font-size:11px;">Date <span style="word-spacing:80px;">:</span></td></tr>现在我结果取向不相同，如：
我想预期的结果是相同的，如下：
我已经尝试使用 <p> 来代替 <span> 调整，但"结肠"将打破。 希望有人可以指导我对如何解决这个问题。 谢谢。
如结肠是对视觉分离，而不是具有任何意义的话我会考虑将它插入一个伪元，而不是实际上的HTML。
这个片段中提出的结肠就在下面td确保号是一致的。
td:nth-child(2)::before {
content: ':';
}<table>
<tr>
<td style="font-size:11px;">Name </td>
<td></td>
</tr><br>
<tr>
<td style="font-size:11px;">Date</td>
<td></td>
</tr>
</table>我有一个类似的问题，唯一的"哈克"的方式，我发现是这样的：
"把您的文字和分离器(: 在这种情况下)在一种包装机(如 <div>)和对准他们。
.cell {
display: flex;
justify-content: space-between;
width: 50px; /* just to see. you can use another value depending on your table styles */
}<tr>
<td style="font-size:11px;">
<div class="cell">Name <span>:</span></div>
</td>
</tr>
<tr>
<td style="font-size:11px;">
<div class="cell">Date <span>:</span></div>
</td>
</tr>还有，你不需要 <br> 你的表行(<tr>s)。
在这里，我们更新你的代码样本放 : 在第二td
<body>
<table>
<tr>
<td>Full Name</td>
<td>: Abc def</td>
</tr>
<tr>
<td>Date</td>
<td>: 24-11-2021</td>
</tr>
</table>
</body>最简单的方法就是把肠在开始 "文本"，而不是结束的'title'.
/* Not relevant */
th {
font-weight: normal;
text-align: left;
}<table>
<tr>
<th>Name</th>
<td> : John Doe</td>
</tr>
<tr>
<th>Date</th>
<td> : Nov. 24, 2021</td>
</tr>
<tr>
<th>Very long title</th>
<td> : Data</td>
</tr>
</table>如果你需要忽略它当的文字是空的，你可以输出结肠作 td::before 使用CSS。
/* This is relevant */
td:not(:empty)::before {
content: " : ";
}
/* Not relevant */
th {
font-weight: normal;
text-align: left;
}<table>
<tr>
<th>Name</th>
<td>John Doe</td>
</tr>
<tr>
<th>Date</th>
<td>Nov. 24, 2021</td>
</tr>
<tr>
<th>Very long title</th>
<td></td>
</tr>
</table>如果其有关一个字然后由 :, text-align-last:justify; 可以做的工作
td.adjust {
text-align-last: justify;
padding-inline-end:0.25rem;
}<table>
<tr>
<td class="adjust">Name :</td>
<td>Name </td>
</tr><br>
<tr>
<td class="adjust">Date :</td>
<td>Today</td>
</tr>
</table>