Предотвращение разрыва строки элемента span

Ответ 1

Поместите это в свой CSS:

white-space:nowrap;

Получить дополнительную информацию здесь: http://www.w3.org/wiki/CSS/Properties/white-space

white-space

Свойство white-space объявляет, как выполняется свободное пространство внутри элемента.

Значение

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

pre Это значение не позволяет агентам пользователя сбрасывать последовательности белого пробела. Линии только разбиваются на новые строки в источнике или на вхождениях "\ A" в сгенерированном контенте.

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

pre-wrap Это значение не позволяет агентам пользователя сбрасывать последовательности белого пробела. Строки разбиты на строки новой строки в источнике, при появлении "\ A" в сгенерированном контенте и, если необходимо, для заполнения строк.

pre-line Это значение позволяет агентам пользователя сбрасывать последовательности пробелов. Строки разбиты на строки новой строки в источнике, при появлении "\ A" в сгенерированном контенте и, если необходимо, для заполнения строк.

inherit Принимает то же указанное значение, что и свойство родителя элемента.

Ответ 2

Если вам нужно только предотвратить разрывы строк на символах пробела, вы можете использовать   сущности между словами:

No line break

вместо

<span style="white-space:nowrap">No line break</span>