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
셰익스피어는 그의 작품 대부분을 빵과 버터와 생활 경비를 얻기 위해 썼다. 처음부터 위대한 일을 계획하고 노력한 끝에 위대한 업적을 남긴 사람도 있지만, 사람의 일이란 늘 생활과 연결되는 법이다. (굴드)