HTML/CSS-如何将单元格的一部分左对齐，一部分右对齐？

Question

我想实现这个:

cell contents    :
cell contents 2  :
cell contents 32 :

因此“单元格内容”部分左对齐，“:”部分右对齐。我不想在每一行中添加一个带有“:”的列。

我知道我可以添加一些:

 

...标记，但想知道是否有更好的解决方案。

Answer 1

另一种选择是使用:after 伪元素，this works in IE8+ and all other browsers .

td:after
{    
    content: ':';
    float: right;
}

这是一个 jsFiddle