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

Question

我有一个链接，我正在尝试使用text-transform: uppercase.

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

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

Answer 1

w3schools：文本转换

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

如果它适合您的项目，您可以考虑强制空白按照您的意愿行事。