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

Question

我有一些看起来像这样的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容器中环绕。

Answer 1

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

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

Answer 2

您可以将line-height设置为包含按钮的元素。