如何在HTML中使文本与图像中心垂直对齐？

Question

因此，我在HTML中有一个图片“ blah.jpg”和一个名称“ Name”。

    <img src="blah.jpg"> Name

我要使其名称与blah.jpg图像的中心居中对齐，而不是在图像底部具有基线的文本“名称”。

如果可能的话，没有表格的最佳方法是什么？

Answer 1

在页面中：

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

在css文件中：

img.centered {vertical-align:middle;}

无需显示：内联代码块（某些旧版浏览器不支持）

Answer 2

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

Answer 3

如果您想要单行而不定义额外的对象或属性，只需在<img .../>标记内添加style="vertical-align:middle" 。