css - vertical-align：middle（複数の要素が親にある場合）

Question

imgと次のテキストの両方を垂直方向に中央揃えにするにはどうすればよいtdですか？

<td><a><img width="32" height="32" alt="txt" src="txt.png">Text</a></td>

私は実験しましvertical-align:middle;たが、成功していません。

Answer 1

タグ内にテキストを配置することで、目的の効果を得ることができますspan。次に、これを必要に応じて配置し、 withspanを追加しますline-heightvertical-align:middle;

これにより、目的の効果が得られるはずです- http://jsfiddle.net/tdJ8u/23/

Answer 2

テーブル セル内の要素の垂直方向の配置を指定する必要があります。あなたの場合：

td a, td img { vertical-align:middle; }

またはhttp://jsfiddle.net/ZfP7r/1/を参照してください。