头闻号

江苏金陵特种涂料有限公司

特种涂料|防腐涂料|涂料、油漆

首页 > 新闻中心 > 科技常识:通过css控制HTML文本框中的文字垂直居中
科技常识:通过css控制HTML文本框中的文字垂直居中
发布时间:2023-02-01 10:02:37        浏览次数:10        返回列表

今天小编跟大家讲解下有关通过css控制HTML文本框中的文字垂直居中 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关通过css控制HTML文本框中的文字垂直居中 的相关资料,希望小伙伴们看了有所帮助。

当定义了 Text 的 height 属性时 在 Text 中输入的文字都不是垂直居中的 不过你可以添加CSS来控制它 让输入的文字垂直居中 使网页更完美。 复制代码代码如下: <html> <head> <style type="text/css"> #text { height:20px; vertical-align:middle; line-height:20px; } </style> </head> <body> <table> <input type="text"id="text"> </table> </body> </html> 加入 verticla-align、line-height 两个属性后 文本框中的文字就在文本框中垂直居中了 要注意的是 line-height 必须要等于 height 。

来源:爱蒂网