Преобразование текста в верхний регистр мешает макету

Question

У меня есть ссылка, которую я пытаюсь создать с помощью text-transform: uppercase.

Когда я применяю этот стиль, половина ссылки (второе слово) перерывается на следующую строку.

Какие последствия (кроме случая) имеют трансформацию текста на элементе? Я проверил «вычисленные стили» в разных браузерах, и ничего больше не изменилось.

Answer 1

w3schools : text-transform

В зависимости от вашего шрифта, заглавная буква может быть значительно шире, чем это строчная аналог. Это не свойство text-transform, это всего лишь стандартный рендеринг шрифтов.

Если это уместно в вашем проекте, вы можете посмотреть, как заставить белое пространство вести себя так, как вы хотите.