• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    通过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 。
    上一篇：html中设置让div中的内容超出后自动显示滚动条
    下一篇：在html中插入音频文件在浏览器中播放音频文件的兼容性问题
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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