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

Question

Если это действительно длинная строка текста, я хочу, чтобы она была расширена без переноса

Answer 1

Попробуйте

span
{
  white-space: pre;
}

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

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

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

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

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

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

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

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

Answer 2

CSS:

span
{
    white-space:nowrap
}