CSS3：在行之间添加垂直间距答案

【问题标题】：CSS3: Add vertical spacing between linesCSS3：在行之间添加垂直间距
【发布时间】：2013-11-16 02:23:56
【问题描述】：

我有一些看起来像这样的 jQuery UI 按钮：

如何在行之间添加垂直间距？修改 CSS 属性 margin-top 和 padding-top 无效。

这里是单个按钮的示例 HTML：

<div>
    <input type="checkbox" class="tool_toggle" id="tool_#" checked /><label for="tool_#">... tool name...</label>
    ... more inputs ...
</div>

这个 HTML 输入标签简单地重复了 11 次。按钮在 div 容器中按应有的方式环绕。

【问题讨论】：

没有看到你的 HTML，就不可能说出来。
如果是inline，你试过margin-left/right吗？
也发布您的 CSS。
目前没有与按钮关联的 CSS。
line-height 怎么样？

标签： jquery-ui css

【解决方案1】：

您可以通过将line-height 设置为包含按钮的元素来做到这一点。

【讨论】：

【解决方案2】：

您需要先指定按钮为display:inline-block，然后才能添加margin-top 或padding-top。这是因为内联元素不能有顶部或底部边距或内边距。

您没有发布足够的代码来确定，所以这是一个猜测。如果您想要正确的答案，请发布您的 CSS 或发送http://jsfiddle.net/

【讨论】：