HTML：输入附近的img标签

Question

我有一个奇怪的问题，当我在输入附近添加一个img标签和一个导致输入和sapn降低的img时，它会降低。

<div>
   <span>נקודות זיכוי</span>
   <input type="text" name="nekodot_zikoy" value="2.25"/>
   <img src="images/cal_black.png" title="חשב נקודות זיכוי" alt="חשב נקודות זיכוי"/>
</div>

我这里有代码http://jsfiddle.net/49JcA/

如果你把标签拿出去看看我在说什么，就不要介意没有图像。

感谢的！

Answer 1

假设您希望跨度和输入显示在顶部，只需将align="top"添加到图像中：

<img src="images/cal_black.png" align="top" ... />

Updated fiddle

Answer 2

您可以使用vertical-align，例如：

* { vertical-align:top; } 

但请注意，不想要这样做。其他人可能会争辩说你甚至不应该像这样使用vertical-align，但如果它适合你，我不会抱怨，但是全局指定（使用*）是错误的，对性能不利。相反，您应该将它应用于您需要的元素，在这种情况下会有所不同。所以，像这样：

input[type=text] { vertical-align:top; }

您需要应用的任何其他元素。

最后，您应该将输入标记为合规性。