垂直布局HTML中字母间隔的用途是什么?

Question

我正在尝试理解日本垂直HTML。在我的分析过程中，我发现在很多地方，内容具有letter-spacing : <Negative value>。我很少在水平内容中使用这种CSS样式，但在JP中，它主要用于数字。

span.tcy {
    -webkit-text-combine: horizontal;
    -epub-text-combine: horizontal;
    text-combine: horizontal;
    font-size: 0.9em;
    line-height: 0.9em;
    text-indent: 0;
    letter-spacing: -1px;
}

和

.tcy {
    -webkit-text-combine: horizontal;
    -epub-text-combine: horizontal;
    text-combine: horizontal;
    font-size: 0.9em;
    line-height: 0.9em;
    text-indent: 0em;
    letter-spacing: -1px;
}

任何人都可以向我解释字母间隔CSS样式的实际用例，以及为什么它主要用于日本垂直内容以格式化数字。谢谢。

Answer 1

当您在字母间隔属性上使用负值时，它只会拧紧字母。

所有字体之间都没有相同的字母空间，这就是为什么您可能需要此技巧来完成工作的原因，主要是出于设计目的。

对于日本垂直内容，我认为您必须使用字母间隔属性和线条高度才能具有"完美"的内容。

我将此链接提供给您，这可能会对您有所帮助。不要犹豫，用片段编辑您的帖子，然后我可以更精确地回答您。

https://code.tutsplus.com/tutorials/the-easiest-way-to-to-create-vertical-vertical-text-with-css-net-15284