overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
max-height: 35px;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
위에서 line 수와 max-height 값을 유동적으로 변경하면됨
'HTML,CSS' 카테고리의 다른 글
hr color change (0) | 2020.11.24 |
---|---|
많이 깨지는 레이아웃 (0) | 2019.05.08 |
UI Framework 비교 vuetify vs bootstrap (0) | 2019.05.03 |
flexbox 정리해 놓은것 (0) | 2019.05.02 |
css에서 까다로운 이슈들 (0) | 2019.03.12 |