如何在HTML中將圖像與圖像中心垂直對齊？

Question

所以我在HTML中有一個圖像「blah.jpg」和一個名字「Name」。

<img src="blah.jpg"> Name 

我想要讓這個名稱是中心與blah.jpg圖像而不是文字「名稱」爲在像底部的基線的中心對齊。

如果可能的話，沒有使用CSS3的表格可以達到這個目的的最好方法是什麼？

Answer 1

您可以在img元素上使用vertical-align：middle：http://jsfiddle.net/Z35pw/。

Answer 2

在頁面：

<img src="blah.jpg" class="centered"> Name 

在CSS文件：

img.centered {vertical-align:middle;} 

無需顯示：inline-block的（未在一些老的瀏覽器支持）

Answer 3

如果您想要一行一行，而不需要定義額外的對象或屬性，只需在<img .../>標籤內添加style="vertical-align:middle"即可。