六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 61|回复: 0

设置input的内容居中?

[复制链接]

升级  50%

37

主题

37

主题

37

主题

秀才

Rank: 2

积分
125
 楼主| 发表于 2013-2-7 15:40:47 | 显示全部楼层 |阅读模式
让input的内容在纵向居中,首先我使用了vertical-align样式,没有任何的效果。
后来google了一把,发现需要设置line-height样式,设置后运行,果然如此!
.input   {  
  FONT-SIZE:   12px;    
  height:100px; 
  line-height:100px;
}  
以下是引用内容(http://topic.csdn.net/t/20050722/20/4162420.html):
实际上,一个Box中由很多行很多元素组成,vertical-align只作用于在同一行内的元素,它的垂直并不是相对于整个Box而言的。前面那个   span定义了一个60px的高度,但是这个span的Box中存在很多行,那段文本并不能对齐到span的中央。因此希望那段文本对齐span的中行,   需要给它定义一个line-height的属性,让line-height为60px,作用于一行的vertical-align就按你的想法工作了
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表