html - 垂直布局html中的字母间距有什么用

标签 html css letter-spacing vertical-text

我正在尝试理解日语垂直 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 样式的实际用例，以及为什么它主要用于日语垂直内容来格式化数字。谢谢。

最佳答案

当您在 letter-spacing 属性上使用负值时，它只会收紧字母。

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

对于日文垂直内容，我认为您必须使用字母间距属性和行高才能获得“完美”的内容。

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

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

关于html - 垂直布局html中的字母间距有什么用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47887832/