css - 文本垂直不在任何标签中居中

Question

我正在使用字体Calibre，但字体未与任何标签对齐，例如button,p等。

我玩身高，但没有任何效果。知道这可能是什么原因吗？

让他们知道您是否需要任何其他详细信息

代码：

button{
 font-family: 'Calibre';
 font-size: 14px;
 padding: 5px 10px;
 background: green;
}

 <button>Sign Up</button>

此代码库中没有其他代码或 css。我刚刚开始了一个新项目，这是我在那里编写的唯一代码。

PS：这不是任何其他问题的重复。

标签： css

Answer 1

啊，我们不喜欢 CSS 吗？

如果你的 HTML 是这样的： <button><span>Sign Up</span></button>

尝试用 , 来弄乱内部文本元素 ( <span>)的样式vertical-align: middle，align: center并可能添加一些填充，例如padding-top: 5px. 您还可以更改line-height: 80%以关闭其区域内字符下方的额外空间“间隙”。