如何将第二行的td向右推？我知道我可以简单地再添加一个空的 td，但我想生成更清晰的标记。是否有任何 css 属性可以避免这种情况？
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>$100</td>
</tr>
</table>最佳答案
您可以使用伪元素来做到这一点，就像这样，仅 CSS，不更改标记
这里发生的情况是，当伪渲染时，它将渲染为匿名表格单元格，因此以与 <td></td> 相同的方式将现有单元格推到右侧。标记会。
table, th, td {
border: 1px solid black;
}
table tr:nth-child(3):before {
content: '';
}<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>$100</td>
</tr>
</table>关于html - 将 td 向右推，无需额外标记，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37258583/