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

Question

我在定位字体时遇到麻烦。通过检查器，该类型的画布将显示如下：

由于该字体的实际基线之下有足够的空间，因此很难准确地定位字体。所以我的问题是：

是否可以解决此问题？或更准确地说，如何将基准线放到画布的底部？

Answer 1

不能100％确定所需的内容，但是如果要实现线条的高度->适当地使用线条高度（在您的情况下，line-height: 1;应该消除您担心的空间），更多内容属性-https://www.w3schools.com/cssref/pr_dim_line-height.asp。 如果要更改文本的位置，建议在父元素（.parent {display：flex; align-items：flex-end;}）上使用flexbox。有关flexbox-https://www.w3schools.com/css/css3_flexbox.asp的更多信息。希望这会有所帮助！