CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
不看会后悔的Windows XP之经验谈 简单快捷DIY实用家庭影院
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

怎么让文本框中的文字垂直方向居中?

楼主IDqq(char* strID)2005-07-22 20:31:05 在 Web 开发 / JavaScript 提问

试了好几种办法都没反应啊!paddingTop,marginTop都不管用  
  文本框高度50px,字体simsun9 问题点数:20、回复次数:7Top

1 楼eglic(圪圪) (理由永远是谎言,信仰永远是自慰)回复于 2005-07-22 20:34:17 得分 0

css   :   vertical-alignTop

2 楼IDqq(char* strID)回复于 2005-07-22 20:37:46 得分 0

不行啊,vertical-align   =   ???  
  我用style="padding-top:16px;"实现了,不过觉得不爽Top

3 楼aniude(重返荣耀)回复于 2005-07-23 08:18:22 得分 0

这个问题有时候我也会遇到设置vertical-align好象会无效,奇怪Top

4 楼cncxz(c: (虫虫)回复于 2005-07-23 09:04:37 得分 5

使用css设置文本框的高度和字体行高,二者相等的时候就水平居中了  
   
  这个时候在文本框内部用鼠标上下拖动的话有可能出现文字上下滑动的现象,  
   
  在对文本框的高度和字体行高做一下调整,最终就能达到满意效果  
   
  例如:HEIGHT:   22px;line-height:18px;Top

5 楼deiphi(面壁思过)回复于 2005-07-23 09:04:42 得分 0

<textarea   style="height:50px;   line-height:50px;">test</textarea>Top

6 楼andymu077(明治佐玛戒--秀曼)回复于 2005-07-23 09:11:46 得分 0

用v-align=middleTop

7 楼patchclass(黑翼)回复于 2005-07-23 09:44:53 得分 15

vertical-align无效,首先看W3C官方对vertical-align做了下面的解释:  
  This   property   affects   the   vertical   positioning   inside   a   line   box   of   the   boxes   generated   by   an   inline-level   element.  
   
  实际上,一个Box中由很多行很多元素组成,vertical-align只作用于在同一行内的元素,它的垂直并不是相对于整个Box而言的。前面那个   span定义了一个60px的高度,但是这个span的Box中存在很多行,那段文本并不能对齐到span的中央。因此希望那段文本对齐span的中行,   需要给它定义一个line-height的属性,让line-height为60px,作用于一行的vertical-align就按你的想法工作了。  
   
  Top

相关问题

  • 怎样才能使文本框中的文字垂直向上、垂直居中?
  • 水晶报表-文本框-能实现垂直居中吗?
  • 请问如果一个文本框过高,有没有办法将字在该文本框内垂直居中
  • 怎样设定多行文本框(TextBox)中文字上下居中?
  • 如何将文本框(TEXT)内的内容在垂直方向居中,我在文本框的属性里没有找到,先谢谢了。
  • 编辑框、文本框以及命令按纽里的text有办法垂直居中吗(PB6.5)
  • 文本框文字换行
  • 从文本框怎么得到文字????
  • 如何让文本框中的内容居中
  • 文本框中的内容能不能居中对齐?

关键词

  • 字体
  • 文本框
  • vertical
  • align
  • 高度
  • span
  • box
  • px
  • height
  • line

得分解答快速导航

  • 帖主:IDqq
  • cncxz
  • patchclass

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo