728x90
728x90
말줄임 css를 사용해야하는 이유
웹 개발 시 너무 긴 내용이 들어가면 레이아웃이 망가지거나 레이아웃 밖으로 튀어나오게 됩니다.
말줄임 CSS를 사용해주면 간단하게 해결됩니다.
1줄인 경우
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
2줄 이상인 경우
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
반응형
'Code > Css' 카테고리의 다른 글
브라우저마다 다르게 CSS 사용하기 (0) | 2022.11.23 |
---|---|
이미지를 비율대로 조절하기 (0) | 2022.11.21 |
다양한 도형만들기 (삼각형, 다각형, 별) (0) | 2022.11.11 |
작명규칙 (Naming Convention) (0) | 2022.10.25 |
mix-blend-mode 혼합모드 (0) | 2022.10.17 |