2

我有一个包含大量信息的 html 表。在此之上，我有 3 个输入按钮，它们最初位于不同的表中。其中 2 个按钮在左侧，前面有一行文字，第三个按钮在右侧。

它看起来像这样：

---------------- 表示空格

asdas [button] [button]---------------------[button]

+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+

我想做的是将第三个按钮与左侧模块的右侧对齐。按钮下方的表格是一个简单的表格，分为两个<td>。

我所做的是将另一行放在桌子上并将按钮放在第一个 td 中。然后我使用了 style="float: right;" 在第三个按钮上移动它。这在 Firefox 中有效，但在 IE 中，该按钮略低于其他按钮（尽管它仍然对齐）。我不能去更改 CSS 文件，所以有没有人有任何其他解决方案可以将按钮与下表的左侧右对齐并保持在同一行？所有按钮都在同一个单元格中。

这是我目前用于表格的 html：

<table id="" summary="">
  <tr>
    <td class="">
      Text: <input type="button" class="" value="" onclick="" />
      &nbsp;
      <input type="button" class="" value="" onclick="" />
      &nbsp;
      <input type="button" class="" style="float:right;" value="" onclick="" />
    </td>
    <td class="">
      &nbsp;
    </td>
  </tr>
  <tr>
    <td>
      &nbsp;
    </td>
    <td>
      &nbsp;
    </td>
  </tr>
</table>
4

1 回答 1

1

如果您希望将按钮放在同一个表格中，您可以选择放置一个'text-align：right;' 在放置第三个按钮的表格单元格上。这应该将您的按钮放在与其他按钮相同的水平线上的单元格右侧。

于 2012-10-02T11:11:16.727 回答