Text 输入文本字段填充

我有一个简单的代码-一个文本字段和一个图像（图像高度为30px）

代码是：

<input type="text" style="height:30px;" />
<input type="image" src="images/download_button.png" />

结果是两个高度为30px的元素没有对齐。文本字段相对于像图像一样的填充是向下的？？？你知道为什么元素没有对齐吗

---

屏幕截图：

尝试删除填充和边距：

<input type="text" style="margin:0px;padding:0px;height:30px;" />
<input type="image" style="margin:0px;padding:0px;" src="images/download_button.png" />

请记住，文本输入框可能会在块的任一侧为其边框添加2个像素。您可以连同

border:0一起删除边框

另外，在标记的其他地方仔细检查任何与CSS规则相矛盾的内容

编辑：

这和输入的浮动行为有关。添加<代码>浮动：左两种样式，看看我的意思。在您指定希望它们出现在同一行之前，它们不知道如何相邻操作。
假设您的表单id为“myform”
           Assuming your form id is "myform"

            #myform input{

            vertical-align:middle;

        }

       will do the trick.
if you are not using form:Try

<input type="text" style="height:30px;vertical-align:middle;" />
<input type="image" style="height:30px;vertical-align:middle;" src="images/download_button.png" />

#myform输入{
垂直对齐：中间对齐；
}
我会成功的。
如果您没有使用表单：请尝试
使用CSS“顶部”属性增加按钮与顶部的距离：

<style> 
  [selector for image] {top: 20px;}
</style>`


[图像选择器]{top:20px；}
`
谢谢您的回答。不幸的是，你的建议行不通！检查你的代码…我没有你的下载按钮，所以我不能完全测试它。这只是一个猜测。你是说HTML会中断，还是说将边距、填充和边框设置为0并不能解决问题？我也会对图片做同样的处理。只需拍摄任何30像素高的图片，或者给我发电子邮件就可以了。是的，我试着按照你的建议去做，但是没有用。。。我也被结果所迷惑，但这是事实。。。测试一下！！我很懒：-）我又试了一次，再看看我的答案。@KirilSpasov在没有表单发送回服务器的文本输入中没有什么意义。但这是一个单独的问题。然后将其添加到表单字段中。添加表单。。。结果是一样的…：(()(()()(()()()()(())(()((。