생략 부호
-
생략 부호(ellipsis) CSS 적용 :: 마이구미HTML, CSS 2017. 7. 19. 19:32
이번 글은 CSS를 통해 생략 부호에 대한 적용법을 다뤄본다.생략 부호는 텍스트가 노출 범위를 넘었을 때, 일반적으로 이용한다.예를 들면, 아래와 같은 경우가 된다. 위에서 보이는 "..." 이 생략 부호가 된다.대부분 생략 부호를 사용할 때는, 라인 수를 정하고 싶은 경우가 있다.텍스트의 길이에 상관없이, 노출 영역에 있어, "2줄 이상이면, 생략부호, 3줄 이상이면 생략부호" 이런 식으로 말이다.이러한 생략 부호를 구현 할 수 있는 방법은 크게 2가지가 된다.text-overflow: ellipsis가상클래스 before, after 위 2가지 방식을 활용해보자. 1. text-overflow width: 300px; display: -webkit-box; -webkit-line-clamp: 2; /..