对齐内容与CSS

Question

我在我的HTML表是类似下面

<table> 
    <tr> 
    <td><img src='corner1.png' /></td> 
    <td>First Name <a href='#'>edit</a></td> 
    <td><img src='corner2.png' /></td> 
    </tr> 
</table> 

我想edit链接是正确对齐的单元格中定义。但我想让“名字”左对齐。目前，所有内容都是左对齐的。我怎样才能使链接右对齐？

Answer 1

设置<a>元件上的浮动：

table tr td a { 
    float: right 
} 

这将推动<a>到单元格的右边。选择器有点太具体 - 至少它可能是table a。

Answer 2

你可以试试下面的CSS：

td a { 
    float: right; 
} 

Answer 3

<td><a href='#' class="floatRight">edit</a> First Name</td>

在CSS文件条目.floatRight {float:right;}

名前移到edit其他一些浏览器将显示它在新的生产线，而不是在 - 与名字一致。