使用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;}

中的条目

在First Name之前移动了edit，否则某些浏览器会在新行中显示它，而不是与First Name一致。

Answer 2

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

table tr td a {
    float: right
}

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

Answer 3

您可以尝试以下CSS：

td a {
    float: right;
}