将表格中的内容与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

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

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

将edit移到名字之前，否则一些浏览器会将其显示在新行中，而不是与名字一起显示。

Answer 2

在<a>元素上设置浮点数：

table tr td a {
    float: right
}

这会将<a>推到单元格的右侧。选择器有点太具体了--至少可以是table a。

Answer 3

您可以尝试以下CSS：

td a {
    float: right;
}