[CSS] 텍스트 처리 - text-overflow:ellipsis; / white-space: nowrap; / word-break:break-all;

 

 

[CSS] 텍스트 처리 - text-overflow:ellipsis; / white-space: nowrap; / word-break:break-all;

 

 

text-overflow:ellipsis; - 글자 길이가 width 길이를 넘기는 경우 ‘...’으로 표시해주는 기능입니다.

 

white-space: nowrap; - 글자가 width값을 넘기는 경우 자동으로 줄 바꿈 되지 않게 해주는 기능입니다.

 

word-break:break-all; - 영문/숫자가 박스 밖으로 넘어갈때 박스 사이즈에 맞게 줄바꿈해주는 기능입니다.