Как я могу заставить `span` не обертываться в конце строки?

Ответ 1

Попробуйте

span
{
  white-space: pre;
}

или любое другое значение, которое соответствует спецификации w3c:

нормальный
Это значение позволяет агентам пользователя сбрасывать последовательности пробелов и разбивать строки, если необходимо, для заполнения строк.

до
Это значение не позволяет агентам пользователя сбрасывать последовательности белого пробела. Линии только сломаны при сохранении символов новой строки.

Nowrap
Это значение сокращает пробел как "нормальный", но подавляет разрывы строк в тексте.

предварительно обертка
Это значение не позволяет агентам пользователя сбрасывать последовательности белого пробела. Строки разбиты на сохраненные символы новой строки и по мере необходимости заполняют строки.

до строки
Это значение позволяет агентам пользователя сбрасывать последовательности пробелов. Строки разбиты на сохраненные символы новой строки и по мере необходимости заполняют строки.

Вы также должны знать, что для некоторых перечисленных параметров существует ограниченная поддержка IE.

ПРЕДУПРЕЖДЕНИЕ, бесполезность содержимого в браузере. Вы можете заменить все пробелы в строке на  

Ответ 2

CSS:

span
{
    white-space:nowrap
}