Zurb基础3:垂直对齐形式元素到中间行

Question

编辑：我正在使用Zurb 3，因此文本输入可能是特殊的。

我有一个表单，它由几行组成，有相同的字段。在每一行中有不同类型的元素，一些文本输入，一些按钮，一个复选框.

所有这些元素都有不同的高度，我希望它们之间是垂直中心的。到目前为止，这是我的代码：

<tr>
    <td class="four middle"><input type="text".../></td>
    <td class="two middle"><input type="checkbox".../></td>
    <td class="two middle"><input.../></td>
    <td class="four middle"><a href="#" class="button small">Button</a></td>
</tr>

在我的CSS中，我指定：

.middle { vertical-align: middle !important; }

这确实是复选框和按钮的中心，而不是文本输入，而文本输入似乎保持了顶部对齐。我也尝试了一些不同的div，而不是一个桌子，但没有运气。我遗漏了什么？

Answer 1

这将被添加到输入中。

margin:0 0 12px 0;

只需将底部边距设置为0或将12 up边距添加到顶部，就由您自己决定。