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/