html - 在一行中对齐 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。