image标签使用margin属性时使用具体数值则有效而使用auto则无效,对其使用padding属性不会撑开盒子

image标签使用margin属性时使用具体数值则有效而使用auto则无效,对其使用padding属性不会撑开盒子。如下面的代码和效果图:

1.使用margin: auto ,无法使input水平居中,但是我们看margin-top这个具体的数值是起作用了。

给input添加display: block; 就可以了,具体原因我也不太清楚,请大佬解释一下,谢谢。
image标签使用margin属性时使用具体数值则有效而使用auto则无效,对其使用padding属性不会撑开盒子