html - 在隐藏的 div 中彼此相邻显示 2 个表单按钮

Question

我希望有 2 个按钮，用于在单击时执行 2 个不同操作的表单，它们彼此相邻显示

这在以下链接中得到了最好的解释：

http://jsfiddle.net/pfeHA/1/

涉及的代码是：

<div id="question" style="display:none; margin:0px;">
<form action="DoAction1" method="get">
<input type="submit"  value="Action1">
</form>
<form method="post" action="DoAction2">
<INPUT TYPE="submit" value="Action2">
</form>
</div>

这会导致按钮显示在彼此下方，如链接所示：http: //jsfiddle.net/pfeHA/1/

任何帮助表示赞赏，谢谢！

Answer 1

在你的 CSS 中添加这个 -

form{ display: inline-block; }

工作小提琴

Answer 2

添加：

.formWithButtons{display: inline;}

对于每个持有按钮的表格http://jsfiddle.net/calder12/pfeHA/9/