html - "font-style: italic"使文本从容器中突出，切断文本

Question

我最近注意到斜体文本的 Angular (小于 0.1em)被切断。经检查，“font-style: italic”创建的倾斜超出了文本的宽度，将其切断。我尝试在这里使用修复:

html italic letters protrude from their container (and may be cut by the next container' background)

但是设置 padding-right 只会在文本宽度周围添加一个缓冲区。边缘仍然被文本本身的自动宽度切断(我无法将其固定为某个值，因为它发生了变化)。

有没有办法可以在宽度本身中添加“填充”来解决这个问题？前任。它将获取文本的宽度并将其扩展一定的量，例如 0.1 em。如果这是不可能的，是否有另一种方法可以创建斜体文本，而不会稍微超出自动宽度？

Answer 1

这相当 hacky，但假设您的文本行只是单行，您可能可以通过执行以下操作来逃脱:

em::after {
  content: '';
  padding: 1px;
}

添加空内容字符串将使幻象填充出现。这将为您提供所需的一点空间。我相信这不适用于换行。

快速编辑，这实际上可能更好。