CSS3-css如何让input输入文字垂直居中

CSS3-css如何让input输入文字垂直居中

偏爱自由 发布于 2017-05-14 字数 125 浏览 1073 回复 2

在制作页面的时候,经常碰到比较高的输入框输入文字的时候,文字不能垂直居中显示。谁能提供一个兼容性比较好比较规范的方法。

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

夜无邪 2017-07-05 2 楼

将height和line-height设置成一样高

input {
height: 30px;
line-height: 30px;
}

甜柠檬 2017-05-22 1 楼

设置input style属性 style="text-align:center; vertical-align:middle;"不行吗?