在一行中對齊HTML輸入字段

Question

我想對齊刪除行和取消按鈕，以便它們出現在單行屏幕上。

<table> 
<td colspan="7"> 
<form action="<?php echo appurl('administration); ?>" onsubmit="return delRowsExtra()" method="post" name="del"> 
    <input type="hidden" id="selectedDel" name="selectedDel"/> 
    <input type="hidden" id ="degr" name="degr" value="<?php echo $t['degree']; ?>"/> 
    <input type="hidden" id="bat" name="bat"/> 
    <input type="hidden" id="sec" name="sec"/> 
    <input type="hidden" id="sem" name="sem"/> 
    <input type="hidden" id="accTy" name="accTy"/> 
    <input type="submit" value="Delete Row" style="margin-left:125px"/> 
</form> 
</td> 
<td> 
<form action="<?php echo appurl('administration'); ?>" onsubmit="return validate()" method="post" name="mainPage"> 
    <br/><input type="submit" value="Cancel" style="margin-left:150px" /> 
</form> 
</td> 
</table> 

的jsfiddle：http://jsfiddle.net/JMudE/

Answer 1

添加類表單和使用CSS對齊。你最好的嘗試是.class{ display: inline; }，它會使表單變爲內聯而不是塊（多餘換行符）。

http://w3schools.com/css/css_positioning.asp
http://w3schools.com/css/css_display_visibility.asp

Answer 2

如果我有你的權利，你只是要對齊的刪除和取消按鈕。

http://jsfiddle.net/JMudE/1/

爲什麼不valign="bottom"？您可以將它添加到CSS類中，在<table>標記或<td>標記中。

Answer 3

有一個

<br /> 

右邊的按鈕前

。它執行換行。 將其移除以對齊按鈕。

另外，你說你想對齊沒有CSS，但你已經在使用內聯CSS - margin-left，例如。