말줄임 효과(한줄 효과) 사용하는 방법

 

말줄임 효과(한줄 효과) 사용하는 방법

 

 

- 말줄임 효과는 한 줄의 영역 안에 모든 글자를 넣고 싶을 때 사용합니다.

- 영역을 넘어가게 되면 ... 으로 표시됩니다. 

- 말줄임 효과를 적용하고 싶은 영역에 아래 태그를 넣습니다.

 

 

 

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

 

 

자세한 예제는 아래 코드펜을 참고해 주세요.

 

 

 

See the Pen 말줄임효과 by Sky Lee (@Tropicalsky) on CodePen.