반응형
텍스트가 너무 길때 ...처리하는 방법을 알아보자.
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
원하는 곳의 class에 해당 css 넣어 주면 끝난다.
wekit-line-clamp를 3으로 변경하면 세번째 줄 이상은 ...처리가 된다
vh 사용할때 모바일에서 오류가 날 경우 해결방안
모바일에서는 상단의 url과 하단의 뒤로가기 앞으로가기가 스크롤에 따라 나타나기도 없어지기도 한다. 이때 vh를 사용하면 가려지는 오류가 발생하기도 한다. 이를 수정하기 위해 아래 코드
ineedurhelp.tistory.com
반응형
'css' 카테고리의 다른 글
| css 애니메이션 기본 셋팅하는 방법 (0) | 2025.01.11 |
|---|---|
| vh 사용할때 모바일에서 오류가 날 경우 해결방안 (0) | 2024.08.12 |