A设置了vertical-align: middle意味着当前元素需要一个参照物B,相对于这个B来确定是居上居下或者居中,你不是已经看到了么?AB是同辈元素,且必须inline-bock元素。根据这些规则可以确定一个通用写法:
css样式中的vertical-align:middle;属性只适用于内联元素。同时浏览器对其支持还存在局限。第一个input可以通过行高来控制垂直居中,第二个input可以通过边距垂直居中
div的垂直居中就是个悲剧,建议用表格,或是用js控制一下,纯css不行
把input的line-height设置为它的高度试一下呢?