말줄임 하기

😊 한 줄 제한하기

overflow: hidden;		 // 요소의 크기를 넘어가는 내용을 숨김으로 설정
text-overflow: ellipsis; // 텍스트가 요소의 상자를 넘치면 생략 부호(...)를 표시하도록 지정
-webkit-line-clamp: 1;	 // WebKit 브라우저에서 사용 가능한 속성으로, 텍스트를 주어진 줄 수로 제한
white-space: nowrap;	// 텍스트가 줄 바꿈되지 않도록 설정

😊 여러 줄 제한하기

🙌 white-space: no-wrap 속성은 꼭 제거 !!

display: -webkit-box;
word-wrap: break-word;
-webkit-line-clamp: 3;    // 제한할 줄 수
-webkit-box-orient: vertical;
overflow: hidden;