0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > 通过css控制HTML文本框中的文字垂直居中

通过css控制HTML文本框中的文字垂直居中
热门标签：AI外呼系统 价格 水经注万能地图标注 锦州企业外呼系统 新乡机器人外呼系统 最简单的百度地图标注店铺 梧州地图标注app 禹州电话外呼系统 营口400电话申请 青海保险智能外呼系统商家
当定义了 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文本框中的文字垂直居中》，本文关键词  通过,css,控制,HTML,文本,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《通过css控制HTML文本框中的文字垂直居中》相关的同类信息！
  • 本页收集关于通过css控制HTML文本框中的文字垂直居中的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：html中设置让div中的内容超出后自动显示滚动条

    下一篇：在html中插入音频文件在浏览器中播放音频文件的兼容性问题

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： 通过css控制HTML文本框中的文字垂直居中 通过,css,控制,HTML,文本,