Question

我的表格看起来像这样：

    <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>

现在我正在使用<p></p>块，但这对我来说似乎并不优雅。

我想知道是否有更好的方法因为我搜索了一下而找不到一个。谢谢！

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

Answer 1

非常简单的回答：使用breaking space。

例如：

a
<br>
b

会像这样呈现：

a
b

如果你想在元素之间留一个空格，只需添加另一个<br>，如下所示：

a
<br>
<br>
b

这将呈现如下：

a

b

Answer 2

请参阅http://twitter.github.io/bootstrap/base-css.html#forms

<div class="controls controls-row">
  <input type="text" >
</div>

Answer 3

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

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

Answer 4

您认为不应该仅为演示文稿添加额外的HTML而不添加语义值，这是正确的。 CSS就在你身边。

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

http://jsfiddle.net/AGp2g/

提供换行的最佳方式

4 个答案: