怎么让文本框中的文字垂直方向居中?
试了好几种办法都没反应啊!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




