对齐html表中的按钮。 IE问题(楼梯问题)

时间:2012-10-02 10:30:01

标签: html button input html-table

我有一个包含大量信息的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>

1 个答案:

答案 0 :(得分:1)

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