如何在输入元素中垂直居中文本？

Question

我正在尝试为输入元素实现自定义设计，这需要我使用 Akko Pro Light 字体。 但是，当我这样做时，文本奇怪地垂直对齐到行的顶部。 对于占位符文本以及我实际写入元素的任何文本都是如此。

在测试时，其他 fonts 不会产生同样的问题。

Answer 1

尝试使用 justify-content: center; 在 css 以及 text-align: center; 不幸的是，没有看到代码很难知道你在做什么来找到正在发生的事情

Answer 2

进行padding以创建空间 arround 和line-height 。 避免非标准的 fonts，它会降低您网站的性能。

 #field1 { line-height: 30px; padding: 10px; }

 field: <input type="text" value="field1" id="field1" /><br />