代码如下:
<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文本框中的文字垂直居中详解相关文章请关注PHP中文网！
声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理
网友评论
文明上网理性发言，请遵守 新闻评论服务协议
我要评论1 条评论原来是这样，多用几次，下次就记住了！