한줄
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 |