CSS 코드 (스크롤바, 넘치는 텍스트 숨기기, ...으로 처리하기)

overflow-x:auto;

필요에 따라 가로 스크롤바 생성

(text 길이가 width를 벗어나지 않으면 스크롤바는 생기지 않는다.)

 

 

 

overflow-x:scroll;

text길이가 짧아도 무조건 스크롤바 생성.

 

 

 

 

overflow-x:hidden;

넘쳐나는 내용 무조건 숨김.

 

 

text-overflow:ellipsis;

넘친 텍스트 ...으로 처리.

*조건 : 먼저 텍스트 숨김을 해야 한다. (overflow-x:hidden; )