vertical-align：当父元素中有多个元素时，为中间

Question

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

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

我已经用vertical-align:middle;进行了实验，但没有成功。

Answer 1

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

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

或参见http://jsfiddle.net/ZfP7r/1/。

Answer 2

您可以通过将文本放在span标记内达到所需的效果。然后定位这个span根据需要，添加一个line-height与vertical-align:middle;

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