[html/css] css 말줄임 표기하는 속성

[html/css] css 말줄임 표기하는 속성

 

 

css 를 사용하다 보면

 

특정 영역에서

 

말줄임 표시를 사용하고 싶은 경우가 있습니다.

 

텍스트가 많이 표기되는데

 

영역만큼만 표기하고 나머지는 ... 으로 표기해야 하는 경우일 텐데요.

 

그럴때는

 

아래 css 속성을 추가해주시면 됩니다!

 

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

 

참고들 하세요!