브라우저가 줄어들면 말줌임표로 대체하기

 

본래 CSS 패턴을 외워두는 것은 별로 좋은 일은 아니지만 자주 쓰는 속성은 외워두는 것도 나쁘지 않다.

 

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

 

overflow를 내리지 않고 숨기고

text-overflow는 말줄임표(...)로 대체한 후 

white-space를 nowrap으로 주어 줄바꿈이 없게 하자.

CSS / white-space / 공백 처리 방법 정하는 속성