1

编辑：我使用的是 Zurb Foundation 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 而不是表格的变体，但没有运气。我错过了什么？

4

1 回答 1

3

这被添加到输入

margin:0 0 12px 0;

只需将底部边距设置为 0 或将 12px 边距添加到顶部，由您决定

于 2012-09-02T17:12:10.383 回答