css - 垂直对齐：当多个元素在父级时居中

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-heightwithvertical-align:middle;

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

Answer 2

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

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

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