我有一个包含大量信息的 html 表格。在此之上,我有 3 个输入按钮,它们最初位于不同的表中。其中两个按钮位于左侧,前面有一行文本,第三个按钮位于右侧。
看起来像这样:
----------------表示空格
asdas [button] [button]---------------------[button]
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
+----------------------------------------------++--------------------------------+
我想要做的是将第三个按钮与左侧模块的右侧对齐。按钮下方的表格是一个简单的表格,分为两个 <td>
的。
我所做的是在 table 上放另一行,并将按钮放在第一个 td 中。然后我使用了 style="float: right;"在第三个按钮上移动它。这在 Firefox 中有效,但在 IE 中按钮略低于其他按钮(尽管它仍然右对齐)。我不能去更改 CSS 文件,所以有没有人有任何其他解决方案来将按钮与下表的左侧右对齐并保持在同一行?所有按钮都在同一个单元格中。
这是我当前用于表格的 html:
<table id="" summary="">
<tr>
<td class="">
Text: <input type="button" class="" value="" onclick="" />
<input type="button" class="" value="" onclick="" />
<input type="button" class="" style="float:right;" value="" onclick="" />
</td>
<td class="">
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>
</table>
最佳答案
如果您希望将按钮放在同一个表格中,您可以选择放置一个'text-align: right;'在放置第三个按钮的表格单元格上。这应该将您的按钮放置在单元格的右侧,与其他按钮位于同一水平线上。
关于html - 在 html 表格中对齐按钮。 IE问题(楼梯问题),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12688660/