Question

我在输入旁边有一个图像，我想知道我是如何彼此居中的。我需要将图像的中心与输入的中心垂直对齐。我该如何实现这一目标？

标记：

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

Answer 1

将<img>上的vertical-align设置为中间应该可以让您开展业务：

<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元素上设置vertical-align对我有用：

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