用輸入居中圖像？

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