手机
当前位置:查字典教程网 >网页设计 >XHTML >通过css控制HTML文本框中的文字垂直居中
通过css控制HTML文本框中的文字垂直居中
摘要:当定义了Text的height属性时,在Text中输入的文字都不是垂直居中的,不过你可以添加CSS来控制它,让输入的文字垂直居中,使网页更完...

当定义了 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 。

【通过css控制HTML文本框中的文字垂直居中】相关文章:

HTML中的文本框textarea标签

通过实例掌握BR和P标签的区别

HTML表单标记教程(5):文字域标记

HTML表格标记教程(43):表头的垂直对齐属性VALIGN

浅谈HTML中的标记

通过display或visibility来实现HTML元素的显示与隐藏

通过label标记实现单选框点击文字也能选中

HTML表格标记教程(33):单元格的垂直对齐属性VALIGN

网页制作中注意应用HTML标签的问题

在HTML中如何隐藏某段文字具体该怎么实现

精品推荐
分类导航