用输入居中图像？

Question

我有一个图像旁边的输入，我想知道我如何集中在一起。我需要图像的中心与输入的中心垂直对齐。我如何做到这一点？

标记：

<span class="my-span"> 
    <input type="text" .../><a href="..."><img .../></a> 
</span> 

Answer 1

设置垂直对齐到中间的<img>应该把你在业务：

<span class="my-span"> 
    <input type="text" .../><a href="..."><img ... style="vertical-align: middle"/></a> 
</span> 

你可以看到它in action here。

Answer 2

您的图片应该有FF方式工作：

img { vertical-align: middle; display: table-cell; } 

和你输入元素中，添加

input { float: left; } 

Answer 3

设置在两个输入和img元素垂直对齐的工作对我来说：

<span class="my-span"> 
    <input type="text" style="vertical-align: middle" /><a href="..." ><img style="vertical-align: middle" ... /></a> 
</span> 

Check it here