700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 通过css控制HTML文本框中的文字垂直居中

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

时间:2023-01-12 03:19:33

相关推荐

通过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 。

原文链接:/web/137839.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。