在imp中对齐img和输入

Question

我的mvc应用程序中有一个页面<form:form>。在表格的最后我有2个按钮＆＃39;。一个是调用javascript函数的图像，另一个是用于将控制提交回控制器的输入。

<img alt="back" src="Back.png" class="mousechange" onclick="div_hideshow ('#tab5', '#tab4' )">
<input type="image" id="submit" name="submit" src="tick.jpg" />

它们未对齐，输入项比img高20个像素。谁能告诉我一个简单的方法来对齐2个按钮？

Answer 1

添加以下样式：

img, input{
  display: inline-block;
  vertical-align: middle;
}

最好为它们分配类而不是使用这些宽泛的元素选择器。