<input type="text"> 怎么使得输入文字垂直居中

2012-08-28

input typetext 如何使得输入文字垂直居中这个问题困扰了好久，昨天到网上查了很多资料，介绍了两种办

<input type="text"> 如何使得输入文字垂直居中
这个问题困扰了好久，昨天到网上查了很多资料，介绍了两种办法
1：设置input的height和line-height，line-height比height稍小一些，但这种方式只在IE中生效，FireFox中文字仍然是
顶部显示的

2：设置input的padding-top，padding-top=(height-line-height)/2,这种方法勉强可以是的文字想居中位置靠近，但padding-top的值的慢慢的调节，调节了很久发现文字终于居中了，结果文本框的高度也变大了，一个很大的文本框看其来总有点不协调，请问大家是怎么调节<input type="text">使得文字居中的（ vertical-align:middle 也试过，但是没有效果）

3:请问Dreamweaver中有没有专门用于显示文字的标签呢，就像asp.net中的label一样的，在表单中经常会看到 “用户名：”+文本框，怎么让“用户名：”和后面的文本框垂直居中呢

欢迎各位高手指导，最好能亲手调试过在回答，能答多少就答多少，言之有理即可得分

[解决办法]
请问把 input 的 padding margin 归0了嘛？归零以后设置 height,line-height试试看。
[解决办法]
<input type="text" class="xxx">

CSS code

.xxx {text-align:center}
[解决办法]
楼主你可以转换下思路

文档类型用标准的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

input的高 font-size line-height 你都给他成一样的像素

再给input加相同像素的padding top bottom

我就不信他不垂直居中
[解决办法]
设置height 和 padding-top
[解决办法]
本人亲测只有ie5.5不支持

ie 6 7 8 ff 3都行

热点排行