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。

对齐行中的HTML输入字段

3 个答案: