测试中Safari的input文本框有placeholder值时,line-height并不能使提示文本垂直居中:
height:40px;
line-height:40px;
解决方法:
方法一: 使用padding使提示文字居中,如下:
height: 40px;
padding: 13px 0;
方法二: 使用line-height: 1px;
height: 40px;
line-height: 1px;
注:
对于单行文本,使用line-height=height不垂直居中的问题只出现于input框上面,对于其他元素是垂直居中的