如何使子图像与提交按钮对齐

Question

我有一个用于提交按钮的图像。无论我做什么，图像都将稍微向右对齐，并低于显示页面上的“框架”按钮，代码如下：

button {
  width: 114px;
  height: 30px;
}

button img {
  border: none;
  padding-left: 0;
  margin-left: 0;
  vertical-align: middle;
}

<button type="submit" name="acctmntbtn">
    <img name = "acctmntimg" src = "btns/view.jpg" width = "114" height = "30">    
    </button>

如何使图像在按钮上完全对齐？

Answer 1

结果证明，不必担心按钮的视觉“框架”与图像不完全对齐，只需将CSS3中的button属性设置为border：none;

Answer 2

删除元素的宽度和高度样式。

button
{
	display: contents;
}
button img
{
  border: none;
  padding-left: 0;
  margin-left: 0;
  vertical-align: middle;
}

<button type="submit" name="acctmntbtn">
<img name="acctmntimg" src="btns/view.jpg" width="114" height="30">    
</button>