В CSS, как сделать так, чтобы текст не шел на второй строке?

Question

Предположим, у меня есть текст внутри div сейчас. Когда я изменяю размер своего браузера, чтобы сделать его действительно маленьким, текст переходит во 2-ю строку вместо создания полосы прокрутки.

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

Answer 1

Использовать пробел:

#myDiv { white-space: nowrap; }

Или:

<div style="white-space: nowrap;">Long text that I do not want wrapped</div>

Answer 2

Вы можете отключить автоматическую перенос, используя свойство пробела, например:

#theDiv { white-space: nowrap }