如何在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"即可。