通过css控制HTML文本框中的文字垂直居中

当定义了 Text 的 height 属性时，在 Text 中输入的文字都不是垂直居中的，不过你可以添加CSS来控制它，让输入的文字垂直居中，使网页更完美。

复制代码

代码如下:

<html>
<head>
<style type="text/css">
#text {
height:20px;
vertical-align:middle;
line-height:20px; /*line-height must be equal to height*/
}
</style>
</head>
<body>
<table>
<input type="text" id="text">
</table>
</body>
</html>

加入 verticla-align、line-height 两个属性后，文本框中的文字就在文本框中垂直居中了，要注意的是 line-height 必须要等于 height 。

原文链接：http://www.jb51.net/web/137839.html

通过css控制HTML文本框中的文字垂直居中相关推荐

html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...
这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下本文实例讲述了js实现文本框中输入文字页面中 ...
Textbox控件禁止用户向文本框中输入文字
在Winform程序中,Textbox控件,如何禁止用户向文本框中输入文字,而只是可以通过程序来写入内容选择这个控件的属性,在事件列中找到KeyPress,双击,生成相应的事件监听方法,加入代码e. ...
文本框获得焦点时选中文本框中的文字
<!doctype html> <html> <head>  <style> </st ...
html文本框超出范围,ppt出现文本框中输入文字超出文本框范围的详细操作
今天小编讲解了在ppt出现文本框中输入文字超出文本框范围步骤,下文就是关于ppt出现文本框中输入文字超出文本框范围的教程,一起来学习吧. ppt出现文本框中输入文字超出文本框范围的详细操作首先,打开 ...
html获取文本框中的文字,JavaScript实现input输入框点击获取文字内容
Js实现INPUT输入框,当鼠标点击文字时自动获取文字内容,并显示在文本框中,一个惯用的表单技巧,有时可省去一些用户输入的麻烦,可有效提升用户体验. input输入框获取js点击文字内容 .c{ wi ...
css如何让文本框中的输入的文字始终垂直居中
有时候我们会自定义文本框的高度,这个时候文字可能就位于框内的上部,有个方法可以很简单的解决此问题. <input type="text" style="height ...
使PPT文本框中的文字自动换行,如果搞定?
第一步:右击文本框,点击相关红色框命令: 第二步:按照红色标注,选择相应的选项:
javascript在第三个文本框中显示文字_一段中的个别文字，显示在目录中
样例说明通常,目录中显示的文字是应用了标题样式的整段文字,而不是段落中的个别文字但有时,需要让个别文字,或者正文中根本不存在的文字,显示在目录中.要求:目录中只显示段落开头的摘要二字简述设置步 ...
Delphi 修改文本框中内容
Delphi 修改Excel 中文本框内容首先看一下Excel中录制的宏代码吧 Sub Macro1() ' ' Macro1 Macro ' 宏由 HFBiao 录制,时间: 2010-5-15 ...

通过css控制HTML文本框中的文字垂直居中

通过css控制HTML文本框中的文字垂直居中相关推荐

最新文章

热门文章