HTML表单定位

Question

我创建了两个HTML表单元素，我需要将它们放在同一行中，但是将一个放在另一个下面。

我该如何解决这个问题？我必须申请什么CSS？

Answer 1

将样式display:inline应用于表单。默认情况下，表单是块级元素，因此需要设置为内联。或者你可以浮动表格。

Answer 2

如果是单独的\ div \

中的两个文本框

然后像这样写

div.el{display:inline;}

然后在每个\ div \

中应用class="el"

为简化代码，您还可以将css属性写入\ input \ element。

Answer 3

默认情况下，表单是块，并且块自动占用可用宽度的100％，并在另一个下面推送。内联元素只需在页面流后按照彼此相邻的方式添加。

此article写得非常好。它可能对你有很大的帮助。您可以尝试强制页面中的表单显示为内联元素：

 form { dispaly:inline; }