CSS 말줄임 효과(1~n줄)

1줄 효과

p {
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

n줄 효과

p {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: n;
    -webkit-box-orient: vertical;
   }

사용 예

• 컨텐츠 내용이 50줄 이상 넘어가는 내용을 간추려서 보여주고 싶을 때