Css 如何为数字设置相同的行高

我用的是谷歌字体，数字是航海用的。 有没有办法把它们排成一行

干杯

据我所知，印刷术中有两种类型的数字

Alegreya使用“旧式数字””，其设计可在最合适的情况下流畅地上升至基线之上，并下降至基线之下。在某些字体的背景下，旧样式的图形很漂亮，提高了可读性

你要寻找的是所谓的“排列图”，它们的名字是因为它们整齐地排列成士兵站在基线上

如果您确实希望“纠正”此问题，则必须手动为每个要重新定位的数字执行此操作（或创建一个函数以编程方式执行此操作）

如果你真的想建立自己的私人地狱，CSS3有一个功能，可以让你。查看基线班次：

你能想象每个数字都是这样吗？特别是，因为它不必要地违背了至少500年的排版知识

只有当您试图将旧式图形表示为独立数字（即与其他长文本不一致）时，旧式图形才成为真正的设计问题。我猜这就是你正在做的。这很好：这意味着您可以为这些块选择第二种字体，它既可以补充您的设计，又可以使用线条图形

根据文本的性质，您可以选择在长拷贝中保留旧样式的图形，或者通过编程将其切换到第二种字体的线条图形

---

希望这些信息能帮助你。如果我们还可以添加其他内容，请在评论中告诉我们。

在您开始对所选字体的功能进行“战斗”之前，您最好先选择一种不同的字体。我认为您无法做到这一点：字形是故意设计为与基线有不同偏移的，就像乔治亚州一样。

.theNumberSixSpan{
   baseline-shift:-0.3em;
}
.theNumberSevenSpan{
   baseline-shift:0.4em;
}