.ellipsis {
width: 500px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; /* 말줄임 적용 */
display: -webkit-box;
-webkit-line-clamp: 2; /* 몇줄 보이게할지 */
-webkit-box-orient: vertical;
}
두 줄 이상 말줄임표가 나오게 적용할 때 이 코드를 추가하면 된다.
반응형
'공부 > Html & Css' 카테고리의 다른 글
css기초, css 이론과 글자꾸미기 (0) | 2022.03.12 |
---|---|
html이론 3, 구문 b/strong 와 i/em의 차이 - 웹접근성 (0) | 2022.03.12 |
html 이론2 (구조, 필수태그) ~매니의 퍼블리셔 만들기 프로젝트~ (0) | 2022.03.04 |
Html 이론1 ~매니의 퍼블리셔 만들기 프로젝트~ (0) | 2022.03.04 |
html 태그 block , inline, inline-block (0) | 2020.09.03 |
댓글