그때 그때/CSS

ellipsis

web_seul 2020. 12. 3. 13:22

한줄

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

 

여러줄

display:-webkit-box; 
word-wrap:break-word; 	//단어기준 줄바뀜
-webkit-line-clamp:3; 	//몇줄까지 나오게할지
-webkit-box-orient:vertical; 
overflow:hidden; 
text-overflow:ellipsis; 
line-height:rem(30); 
height:rem(90);		//line-height *3줄
font-size:rem(20); 
text-decoration:none;
반응형

'그때 그때 > CSS' 카테고리의 다른 글

cursor 종류  (0) 2020.12.09
Basic setting  (0) 2020.12.08
scrollbar custom  (0) 2020.10.14
reset.scss  (0) 2020.10.08
포토샵 자간 행간 표현하기  (0) 2020.09.29