类型的精确定位 - 如何在其基线上获取字体？

Question

我在定位字体方面遇到了麻烦。使用检查器，类型的画布显示如下：

在该字体的实际基线下有这么大的空间，很难准确定位类型。所以我的问题是：

有办法处理这个问题吗？或者更确切地说，如何将基线放到画布的底部？

Answer 1

不是100％确定你需要什么，但是如果你想实现线条的高度 - >使用line-height属性（在你的情况下line-height: 1;应该删除你担心的空间），更多关于属性 - https://www.w3schools.com/cssref/pr_dim_line-height.asp。如果你想改变文本的位置，我建议在父元素上使用flexbox（.parent {display：flex; align-items：flex-end;}）。更多关于flexbox - https://www.w3schools.com/css/css3_flexbox.asp。希望这可以帮助！