本文介绍了一种在不同浏览器（如IE和Firefox）中实现input文本框内文本垂直居中的方法。通过对input元素设置高度和行高，或者设置上内边距，可以实现在IE和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
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
