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

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 />