Html & Script

CSS ellipsis

컨텐츠 정보

본문

.한줄 자르기 { 
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
}

 

.두줄 자르기 {
line-height: 15px; //줄간의 간격
max-height: 5em;     //최대 높이            
overflow: hidden;                
display: -webkit-box;
-webkit-line-clamp: 2; //자를 줄의 수
-webkit-box-orient: vertical;
}

관련자료

댓글 0
등록된 댓글이 없습니다.
Today's proverb
너의 하루하루가 너를 형성한다. 그리고 머지 않아 한 가정을, 지붕 밑의 온도를 형성할 것이다. 또한 그 온도는 이웃으로 번져 한 사회를 이루게 될 것이다. 이렇게 볼 때 너의 ‘있음’은 절대적인 것이다. 없어도 그만인 존재가 아니라는 말이다. (법정스님)