[CSS] 텍스트 말 줄임표(...) 사용법

1. 한 줄에 말 줄임표 사용법

.ellipsis{

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

 

2. 여러 줄에 말 줄임표 사용법

.line{

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}

 

 

See the Pen Untitled by Jinsik Son (@Jinsik-Son) on CodePen.