将文本转换为大写会干扰布局

Question

我有一个链接，我试图用text-transform: uppercase设置样式。

当我应用此样式时，链接的一半（第二个单词）会中断到下一行。

文本转换对元素有什么影响（除了大小写）？我在各种浏览器中检查了“计算样式”，似乎没有任何其他内容发生变化。

Answer 1

w3schools : text-transform

根据您的字体，大写字母可能比它的小写字母宽得多。 它不是文本转换的属性，它只是标准的字体渲染。

如果它适合您的项目，您可以查看强制白色空间的行为。