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;

2个HTML表单并排

3 个答案: