[Trouble Shootings #9] CSS - 말줄임 (...) 처리하기

전에 회사에서 진행하던 프로젝트 중에

 

텍스트가 해당 요소의 정해진 사이즈를 넘어가면 ... 으로 말줄임 표시 처리해야 하는 부분이 있었습니다.

 

구글링을 통해 간단히 해결할 수 있었습니다.

 

해당 부분의 css를 적용할 때, 아래 속성들을 추가하면 됩니다.

 

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

 

블록 레벨 요소에만 적용된다고 합니다.

---