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

时间2024-01-27 10:37:02发布访客分类HTML浏览1009

导读：收集整理的这篇文章主要介绍了通过css控制HTML文本框中的文字垂直居中，觉得挺不错的，现在分享给大家，也给大家做个参考。当定义了 Text 的 height 属性时，在 Text 中输入的文字都不是垂直居中的，不过你可以添加C...

收集整理的这篇文章主要介绍了通过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 。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！

文本框

若转载请注明出处：通过css控制HTML文本框中的文字垂直居中
本文地址： https://pptw.com/jishu/588089.html

HTMLimg标签的alt属性和title属性使用介绍 html设置虚线边框的方法