CSS에서 텍스트를 두 번째 줄에 표시하지 않으려면 어떻게해야합니까?

Question

div 안에 텍스트가 있다고 가정 해 보겠습니다. 브라우저 크기를 조정하여 브라우저 크기를 줄이면 스크롤 막대를 만드는 대신 텍스트가 두 번째 줄로 이동합니다.

대신 텍스트를 한 줄에 모두 표시하고 가로 스크롤 막대 만 갖고 싶습니다. 어떻게해야합니까? 오버플로가 있습니까?

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 }