firefox中垂直居中的问题

input内文本垂直居中——IE和Firefox兼容

按照W3C的标准，只要定义input{ vertical-align: middle;}就可以使文本在input文本框内垂直居中，但是浏览器在这方面都表现的不够完美，所以只能通过其他方法来解决主要浏览器中的居中问题。

详情：

1、定义input的高和行高，可以在IE下实现input内文本的垂直居中，但是Firefox中，设置无效。方法如下：

input{height:20px;line-height:20px;}

2、在Firefox中，可以通过设定input的上补丁padding-top来实现。

input{height:16px;padding-top：4px;}

　　所以只要采用办法2就能在IE和Firefox中都实现input内文本垂直居中。这里假设文字的高度为11px，input高度为20px，则上补丁padding-top的大小为input高度减去文字高度值的一半。即padding-top=(input_height - font-size)/2