将图像置于锚元素中心

Question

我有一个看起来像这样的锚元素

<a href="url"><img src="imgurl"/>Text</a> 

我希望锚元素的图像和文本垂直对齐.我尝试添加vertical-align(css),padding,margin,ets,但图像不会垂直对齐文本.

Answer 1

垂直对齐仅适用于兄弟元素.这应该工作:

<a href="url"><img scr="imgurl"/><span>Text</span></a>

使用CSS:

a img, a span { vertical-align: middle; }