對齊html表格中的按鈕。 IE問題（樓梯問題）

我有一個包含大塊信息的html表。在此之上，我有3個輸入按鈕，最初在不同的表格中。其中2個按鈕位於左側，前方有一行文字，第三個按鈕位於右側。對齊html表格中的按鈕。 IE問題（樓梯問題）

它是這樣的：

----------------指示空間

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

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

我想要做的是對準的第三個按鈕左側模塊的右側。按鈕下面的表格是一個簡單的表格，它分爲兩個<td>'s。

我做的是我在桌子上放了另一行，並將按鈕放在第一個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>

來源

2012-10-02 user1714058

所以我設法自己解決這個問題。我在前兩個按鈕和第三個按鈕之間添加了一個div。我用float：left在第一個div和float：right在第二個div上，並且消除了樓梯問題 – user1714058

如果您想放置的按鈕在同一個表，你可以選擇把一個「文本對齊：權利;」在放置第三個按鈕的表格單元格中。這應該將您的按鈕放置在與其他按鈕相同的水平線上的單元右側。

來源

2012-10-02 11:11:16

所有3個按鈕都在同一個單元格中。我試圖在該單元格內創建一個較小的表格，但遇到同樣的問題 – user1714058

我的歉意，在我的腦海中，我已經在第二個單元格內放置了第三個按鈕。我看到你已經解決了你的問題。 –

對齊html表格中的按鈕。 IE問題（樓梯問題）

回答

相關問題