除了在每一行上添加align="right"之外，还有更简洁的方法让html表格列对齐吗？
是否有任何html或css我可以在一个地方指定它以避免每一行上的html？
<tr>
<td align='right'>Col1</td>
<td>Col2</td>
</tr>
<tr>
<td align='right'>Col1</td>
<td>Col2</td>
</tr>
<tr>
<td align='right'>Col1</td>
<td>Col2</td>
</tr>
<tr>
<td align='right'>Col1</td>
<td>Col2</td>
</tr>
答案 0 :(得分：5)
您需要的是:nth-child，或者您可以使用:first-child
table tr td:first-child {
text-align: right;
}
这将text-align: right;适用于每个td
tr
Demo （没有什么不同，使用color来表示目标元素）
我在这里使用常规元素选择器，因此如果您要定位单个table，最好在class上声明table并使用类似的选择器
table.class_name tr td:first-child {
/* Styles goes here */
}
答案 1 :(得分：0)
使用CSS 伪类选择器 nth-child（n）
table tr td:nth-child(1) {
text-align: right;
}
table tr td {
text-align: right;
}
使用CSS text-align: right 属性
<td class='rightside'>text to be aligned to right</td>
<style>
.rightside{ text-align: right; }
</style>
答案 2 :(得分：-1)
Here is the code which may solve your problem
<body>
<table align="right">
<tr>
<td>Col1</td>
</tr>
<tr>
<td>Col1</td>
</tr>
<tr>
<td>Col1</td>
</tr>
<tr>
<td>Col1</td>
</tr>
</table>
</body>