我的字体在跨度内显得太高了
我的字体在跨度内显得太高了
提问于 2017-06-22 18:17:17
我试图理解为什么这个跨度中的字体没有垂直中心。如果您查看突出显示的跨度，您会注意到，虽然文本的顶部是平齐的，底部是距离跨度底部几个像素。这样做的效果是使文本看起来不是垂直中心的。
但事实并非如此：
线高:当前设置为'1‘。任何其他值都会导致较大的线条高度，而文本仍然垂直偏移.
垂直对齐:更改垂直对齐没有任何作用，不管我如何设置显示(内联、内联块等)。
回答 3
Stack Overflow用户
回答已采纳
发布于 2017-06-22 18:39:45
它实际上是垂直居中的，因为"j，q，g，p.“等字母的底部偏移量----带有底部的部分/下划线。只要尝试在"span“标签中粘贴任何带有这些字母的文本，如下所示：
<div>
<span>
<span>Eqpjg combinedqjpg</span>
</span>
</div>我为您创建了这个示例https://jsfiddle.net/vfusz07z/1/。反之亦然，如果你在上面提到的单词/句子中有字母，同时又没有大写字母，你会看到文本看起来与底部对齐
Stack Overflow用户
发布于 2017-06-22 18:44:05
在你的例子中没有带下降符的字母。试着用“泰姬陵”或“泰姬陵”这样的词-(字母g，j)，然后你会发现它充满了整个高度……
Stack Overflow用户
发布于 2017-06-23 21:34:29
看起来，字体(Avenir )恰好是奇怪的基线。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44706735
复制相关文章
相似问题
腾讯云开发者
