[CSS]요소 안 줄바꿈 처리와 말줄임표(...)처리

요소 안의 내용 줄바꿈 금지하기

white-space: nowrap;

요소를 삐져나오는 텍스트 말줄임표 처리

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

1. white-space: nowrap 속성을 이용해 세 줄짜리를 한 줄로 만들어준다.

2. overflow: hidden 속성을 이용해 삐져나온 부분을 보이지 않도록 숨김 처리한다.
   

3. text-overflow: ellipsis 속성을 이용해 말줄임표(...)를 넣어준다.