通过css控制HTML文本框中的文字垂直居中
2014-02-18 15:37
411 查看
当定义了 Text 的 height 属性时,在 Text 中输入的文字都不是垂直居中的,不过你可以添加CSS来控制它,让输入的文字垂直居中,使网页更完美。
加入 verticla-align、line-height 两个属性后,文本框中的文字就在文本框中垂直居中了,要注意的是 line-height 必须要等于 height 。
<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 。
相关文章推荐
- 通过css控制HTML文本框中的文字垂直居中
- 通过CSS控制垂直居中
- 让HTML中的文本框<input type="text">中的文字垂直居中
- 文本框文字垂直居中 CSS
- css如何让文本框中的输入的文字始终垂直居中
- 两种CSS控制:fieldset垂直滚动和图片文字垂直居中
- HTML中的文本框中的文字垂直居中
- CSS 解决表单单行文本框中的文字垂直居中问题
- css如何让文本框中的输入的文字始终垂直居中
- 通过CSS控制页面中的内容垂直居中的方法
- css如何让文本框中的输入的文字始终垂直居中
- [HTML]DIV+CSS 文字垂直居中
- 用CSS如何实现单行图片与文字垂直居中
- DIV+CSS如何让文字垂直居中?
- 纯css实现div中单行文字,多行文字,嵌套div垂直水平居中问题
- css实现固定高度及未知高度文字垂直居中的完美解决方案
- css-图片和文字垂直居中问题
- html中通过文字控制文本的颜色和字体(简单演示)
- input 文本框 文字垂直居中对齐 ie firefox
- html5 css 的 水平和垂直居中