Html 换行的最佳方式

我有一个表单如下所示：

    <form class="navbar-form text-center">
        <input type="text" class="span2">
        <p></p>
        <input type="text" class="span2">
        <p></p>
        ...
        <button type="submit" class="btn btn-success">I'm Done</button>
    </form>

a
b

a

b

...
我做完了

现在我正在使用

块，但这对我来说似乎很不优雅

我想知道是否有更好的方法，因为我搜索了一点，但没有找到。 谢谢

编辑：如果可能的话，我想避免使用额外的HTML，比如br和p标签。

非常简单的答案：使用一个

例如：

a
<br>
b

如果您想在元素之间留一个空格，只需添加另一个

，如下所示：

a
<br>
<br>
b

非常简单的答案：使用一个

例如：

a
<br>
b

如果您想在元素之间留一个空格，只需添加另一个

，如下所示：

a
<br>
<br>
b

看

请参见

---

作为纯CSS解决方案，您可以使用：

input.span2 {
    display: block;
    margin-bottom: 10px;
}

---

作为纯CSS解决方案，您可以使用：

input.span2 {
    display: block;
    margin-bottom: 10px;
}

---

您的想法是正确的，您不应该仅仅为了不增加语义价值的表示而添加额外的HTML。CSS站在你这边

.span2 {
    display: block;
    margin-bottom: 25px;
}

---

您的想法是正确的，您不应该添加额外的HTML纯粹用于不增加语义价值的表示。CSS站在你这边

.span2 {
    display: block;
    margin-bottom: 25px;
}

---

.span{margin bottom:1em；}.span{margin bottom:1em；}您也可以使用

\n

创建新行。这是一个好主意，但是使用单个或双br时，空间要么太小，要么太多。我知道我很挑剔…@killawr

\n

不同于

<代码>\n仅在源代码中呈现新行

在屏幕上显示新行。@Xaranke在此处查看已接受的答案：您也可以使用

\n

创建新行。这是一个好主意，但使用单个或双br时，空间要么太小，要么太多。我知道我很挑剔…@killawr

\n

不同于

<代码>\n仅在源代码中呈现新行

在屏幕上呈现一行新内容。@Xaranke在这里看一看公认的答案：这对于较大的表单来说是非常好的，但我认为我最多只能处理十几个元素，所以感觉太过了。谢谢你的链接，我会记住这一点。这是分解引导表单的推荐方法！：）通常情况下，你不应该在引导中使用任何类型的“捏造”HTML代码。这对于更大的表单来说是非常好的，但我认为我将在max中处理十几个元素，因此感觉有些过分了。谢谢你的链接，我会记住这一点。这是分解引导表单的推荐方法！：）一般来说，您不应该在引导中使用任何类型的“伪造”HTML代码。