[CSS]게시판 미리보기 (...)만들기 : white-space, text-overflow

css

word-break

/* 키워드 값 */

word-break: normal;

word-break: break-all;  --> 글자기준으로 줄바꿈

word-break: keep-all;

word-break: break-word; /* 사용 안함 */

 

text-overflow

{

text-overflow: ellipsis;

함께 써야한다.

overflow: hidden; white-space: nowrap;

}

 

box-orient, line-clamp

p {

width: 300px;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

}