css- display: -webkit-box 문단 말줄임

게시판 부분 3줄 이상 넘어가는 글씨는 말줄임표로 표시될 수 있게 셋팅해보자.

태그 속성
display: -webkit-box;	크롬,사파리용, 말줄임 display (익스안됨) 특수
-webkit-box-orient: vertical;	글자의 흐름을 세로방향
-webkit-line-clamp: 3;	말줄임나올 줄수
text-overflow: ellipsis;	현재는 없어도 말줄임 나오지만 예전엔 필요 혹시 모르니 삽입 (IE11대응, 익스는 말줄임 처리가 안되므로)
max-height: 108px;	글자가 짦으면 놔두고 글자가 길 경우 최대크기 지정하여 안늘어 나게함

 

적용코드

p {
    font-size: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 108px;
}