如截图,Andriod移动端不管是设置了line-high还是vertical-align:middle;
input框中的文字都没法完美垂直居中,文字始终略微偏高,iOS的则没这种问题。
代码如下
.input {
width: 3.2rem;
height: 0.7rem;
display: block;
float: left;
margin-top: 0.25rem;
border: 0.01rem solid #686868;
border-radius: 0.05rem;
font-size: 0.36rem;
/*line-height: 0.7rem;*/
text-align: center;
font-weight: 400;
vertical-align:middle;
}
希望大神们不惜赐教
line-height:1;
用padding去填充高度吧!