问题标签 [letter-spacing]

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

和

谁能解释一下字母间距css样式的实际用例以及为什么它主要用于日文垂直内容来格式化数字。谢谢。

我正在使用 FPDF 创建 PDF。PDF 在 95% 的时间里都能很好地呈现到网页上。有时，PDF 将呈现到页面，所有文本字符都左对齐，但彼此堆叠。好像字母间距设置为零！

当我右键单击网页并从“右键单击”菜单中单击“打印”并打印 PDF 时，会发生同样的事情，但是所有时间.....但是，当我将 PDF 保存到我的桌面，打开它进行打印，PDF 将始终正常打印！为什么？？我已经卸载，然后重新安装了我的打印机\驱动程序两次。我没有尝试从其他打印机/计算机打印...另外，我确实有一个备份副本，我知道从 2017 年 12 月 18 日起没有此问题，并且它仍然使用该副本执行此操作...。 .

看图片

和“检索文件代码”

当我在 Firefox (Arch Linux) 中打开以下小 html 文档时，它呈现如下：

我相信情况并非总是如此，我认为 应该以与“普通”空间相同的方式呈现。显然，事实并非如此。那么，如何创建一个与空间宽度相同的非中断空间？

编辑显然，当我使用Bitstream Vera Sans或Serif时就是这种情况。当我使用Noto Sans UI或DejaVu Serif时，两个空间都以相同的方式呈现。

开发一个需要计数的应用程序，并Orbitron为其方形外观选择了字体。

问题在于，与 chrome 上的默认字体不同，此字体的数字宽度不固定，这意味着计数字符将根据显示的数字大小左右移动。

这是小提琴中说明的问题：https ://jsfiddle.net/qc863hc4/8/

到目前为止，我发现的唯一解决方案是将两个数字分成两个不同div的 s，以便独立计算它们的位置，但这似乎过于复杂。

有没有办法固定字符的宽度<p>？

HTML

CSS

JS

我正在尝试找到一个库或一个简单的技巧来修复 EditText 中每个字母的宽度，以便背景上的虚线与 EditText 中的数字完全匹配。您可以查看照片以获得所需的效果。

我有一些基本的按钮样式，:hover我在其中添加了letter-spacing属性：

有width没有不扩展的方法？喜欢添加min/max-width？然而问题是button元素可以包含不同的字符串长度：

我知道我可以使用 JS 并将元素固定宽度附加到它，但是我正在寻找一种 CSS 解决方案 - 如果有的话？

我想实现一个字母间距（增加/减少空格）并将其绑定到滑块控件。我已经创建了一个缩放文本的滑块，但无法创建字母间距选项，因为我不知道如何做同样的事情。以下是我想要实现的

我使用足球 api，我有一个输出，比如 WWLDW/WLDDL（最后 5 场比赛），WIN/LOSE/DRAW，它像“WWLDW”一样回来，我想用例如替换 W，<span style="color:green;">W</span>但是之间没有空格人物。

谢谢！

根据这个页面，CSS letter-spacing属性的默认值为normal。

值得注意的是，非默认值被添加到默认值：

使用 letter-spacing 时要注意的最重要的一点是，指定的值不会更改默认值，它会添加到浏览器应用的默认间距（基于字体度量）。letter-spacing 也支持负值，这将收紧文本的外观，而不是放松它。

根据这个定义，0应该等价于normal的默认值，因为 0 + X = X。

1) 使用0代替默认值normal是否有效？（这是用于滑块实现的。）

2) 为什么0不是默认值？为什么要引入另一个值（即normal）？

CodePen 上的这个测试还表明，值0实际上等同于默认值normal。

在 cssletter-spacing规则中，规则在字符后添加空格。现在我想腾出空间来围绕角色。重要的是，当我突出显示整个文本时，应该突出显示第一个字符之前的空格。

我知道的解决方法：

使用 margin-left 和 margin-right 来调整：

它可以工作，但突出显示文本被破坏（仍然没有突出显示第一个字符之前的空格）

使用左右定位文本：同样的问题