使用CSS对齐表格中的文本

Question

我有一个非常简单的表,有两行和两列.我希望第一列中的文本右对齐,第二列左对齐.我确信这很容易,但我无法理解.

这是HTML:

<table>
 <tr><td>Previous:</td><td>Link 1</td></tr>
 <tr><td>Next:</td><td>Link 2</td></tr>     
</table>

我该怎么做？

Answer 1

我会在这个例子中使用类.你可能会喜欢,但这是最好的支持方式.

CSS

.alignright { text-align: right; }
.alignleft { text-align: left; }

HTML

<td class="alignright"> </td>
<td class="alignleft"> </td>

你可以通过添加填充,边距和更多类来进一步.根据您的TABLE css,您可能需要添加一些填充,以便单元格不是所有填充:0并且不显示任何对齐.