vertical-align：多个元素在父级中的中间

Question

如何在img内垂直居中td和以下文字？

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

我已经尝试过vertical-align:middle;，但还没有成功。

Answer 1

将文本放在span标记内可以达到预期的效果。然后根据需要定位此span，并添加line-height vertical-align:middle;

这应该产生预期的效果 - http://jsfiddle.net/tdJ8u/23/

Answer 2

您需要在表格单元格内的元素上指定垂直对齐方式。在你的情况下：

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

或者查看http://jsfiddle.net/ZfP7r/1/。