手机
当前位置:查字典教程网 >网页设计 >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 让你的代码更好的兼容性

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

关于HTML中的滚动条使用技巧分享

XHTML中的超链接标签使用教程

常用的XHTML标签的使用技巧介绍

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

HTML中的base标签使用详解

改变HTML下拉框SELECT选项的多种方法

使一个input文本框随其中内容而变化长度的方法

关于div中img,span垂直居中的问题

精品推荐
分类导航