html과 css를 사용하면 text를 줄바꿈 하지 않고 넘어간 부분만 ...으로 처리하고 싶을 때가 있다.

프로젝트를 하나 하면서 다시 한번 쓸일이 있어, 잊어먹지 않게 글로 남겨둔다!

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

white-space: nowrap; : 공간을 넘어가도 줄바꿈을 하지 않는다.

text-overflow: ellipsis; : 숨겨진 부분을 ... 으로 나타낸다.

overflow: hidden; : 넘어간 부분을 숨긴다.