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

更新时间：2026-10-06 14:23:15作者：网络

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

手游推荐

摄像头远程监控看家2026官方最新版本生活服务36.4 MBv1.0.02026-10-06
下载
公务员省考最新手机版学习办公57.5 MBv6.09.112026-10-06
下载
野性蜂巢(Wild Hive)经营养成267.49 Mv1.66.42026-10-04
下载
趣好卖app网上购物74.76 Mv5.2.52026-10-04
下载
兔叽月记app医疗健康55.33 Mv1.5.22026-10-04
下载
魔力弹神策略游戏33.56 Mv1.0.02026-10-04
下载
大破坏幸存者策略游戏62.28 Mv1.0.32026-10-04
下载
啃豆小仓拼豆app实用工具41.74 Mv1.32026-10-04
下载
方块公国安卓移植版策略游戏1.58Gv1.2.202026-10-04
下载
快车顺风车出行2026官方最新版本生活服务82.0 MBv1.1.22026-10-04
下载
网约上门按摩2026官方最新版本生活服务73.9 MBv2.0.22026-10-04
下载
道运考试通(道路考练工具)学习办公32.8 MBv6.0.12026-10-04
下载