input内文本垂直居中——IE和Firefox兼容
按照W3C的标准,只要定义input{ vertical-align: middle;}就可以使文本在input文本框内垂直居中,但是浏览器在这方面都表现的不够完美,所以只能通过其他方法来解决主要浏览器中的居中问题。
详情:
input{height:20px;line-height:20px;}
input{height:16px;padding-top:4px;}
所以只要采用办法2就能在IE和Firefox中都实现input内文本垂直居中。这里假设文字的高度为11px,input高度为20px,则上补丁padding-top的大小为input高度减去文字高度值的一半。即padding-top=(input_height - font-size)/2