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 に答える