垂直對齊表格單元格中的文字並將圖像浮動到左側？

Question

的HTML：

<td> 
    <img> 
    text here 
</td> 

的CSS：

td img{ 
    display: block; 
    float: left; 
} 

我想要的圖片浮動到細胞內的左，文本垂直對齊的中間。如果沒有圖片，文本會自動垂直對齊到中間，但是對於圖片，我似乎無法更改文本的垂直對齊方式。

任何想法？

Answer 1

如果您知道圖像本身的高度，則可以使用line-height屬性。

<td style="line-height: 50px;"> 
    <img>Text text text 
</td> 

這應該強制文本顯示在行高的中心。

Answer 2

嘗試在img的CSS中設置vertical-align:middle;。您可能還需要考慮將該圖像設置爲該表格單元格的背景，因爲無論您如何定位所有內容（將圖像設置爲背景將避免這種情況），您可能會遇到跨瀏覽器問題。

Answer 3

使用行高垂直對齊表格單元格內的圖像旁邊的文本onl * 如果您有一行文本，則可以工作。下一行文本將（如上例所示）在第一行文本下方50px處。 *

設置* 圖像作爲背景和 * d也不起作用，除非你設定保證金細胞內=要站在哪一邊你想要的圖像對準圖像的寬度。