2个HTML表单并排

Question

我需要在页面中放置一个确认按钮和一个取消按钮.

我选择创建具有不同操作的表单,但是2个按钮(表单)不是左右显示的.

没有桌子我们怎么做？

谢谢!

Answer 1

您可以在没有浮点数的情况下执行此操作,如果您设置表单并且其中的每个元素都显示为内联,那么它们将彼此相邻.它们不是并排的原因是因为形式,就像div和段落是块级元素,将它们设置为内联显示将解决这个问题.

例如

.button-container form,
.button-container form div {
    display: inline;
}

.button-container button {
    display: inline;
    vertical-align: middle;
}

使用以下HTML

<div class="button-container">
    <form action="confirm.php" method="post">
        <div>
            <button type="submit">Confirm</button>
        </div>
    </form>

    <form action="cancel.php" method="post">
        <div>
            <button type="submit">Cancel</button>
        </div>
    </form>
</div>

Answer 2

使两个"浮动:左".并使他们之后的元素"清晰:两者";

应该管用 :)

Answer 3

如上所述,如果您想要内联元素,请将它们内联.这个更好:

display:inline-block;