【发布时间】:2019-12-04 02:00:41
【问题描述】:
我的字体未对齐,因为基线低于y、g、j 等,而不是常规基线。
我尝试过处理一些属性(line-height、height、display: inline-block、vertical-align:text-top),但无法让字体尽可能居中。
是否存在与字距调整等效的 CSS,但在垂直方向上?还有其他方法可以通过 CSS 统一修复此字体吗?
【问题讨论】:
-
你能举一个你试过的例子吗?适当的词在打印术语中应该是“领先”,并且“行高”属性通常会处理这个问题,除非你有覆盖它的东西。
-
@DerekGutierrez 我认为这在技术上是答案:“领先”并且 CSS 仅支持
line-height。在我的情况下,似乎正确的答案(通常使用 CSS)是创建一个包装器,并不对称地填充该包装器,以便整个文本块向上/向下移动。我确实使用line-height: 100%来裁剪字体跨度,但这不是必需的。只需创建一个包装器并不对称地填充它。 -
能分享一下字体吗?
-
@neaumusic 这是一个很好的解决方案。不幸的是,默认情况下所有字体都有不同的基线和行高,我经常遇到这个问题。
标签: css text fonts vertical-alignment font-size