css - 使用 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在 First Name 之前，其他一些浏览器会在新行中显示它，而不是与 First Name 一致。