[CSS]css 박스영역안에서 문장줄임 (...으로 보이게)

문장줄임

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

 

 

특정단위로 텍스트 줄이기 위한 구문

white-space: normal;
display:-webkit-box;
-webkit-line-clamp:3; /* 문장을 줄이기전 보여질 줄의 갯수를 쓴다. */
-webkit-box-orient:vertical;
overflow:hidden