웹 언어 배우기/CSS 다한(dahan) 2020. 6. 23. 16:00
박스 형태나 한정된 width 값을 가지고 있을 때 CSS로 생략 기호를 만들 수 있습니다. See the Pen css 생략기호 1줄 / 멀티 by Cho-YoungHo (@choyoungho-web) on CodePen. CSS에서는 한줄과 멀티의 형태로 생략기호를 만들 수 있습니다. 공통적인 코드는 다음과 같습니다. width:300px; overflow: hidden; text-overflow: ellipsis; overflow 속성은 width 값과 height 값을 넘어간 글자에 대해서 숨기거나 스크롤이 생기게 할 수 있습니다. text-overflow 속성은 overflow된 내용을 사용자에게 어떻게 전달할지 지정합니다. 기본값은 clip으로 잘린 채 아무 것도 없습니다. 반면 ellipsi..
더 읽기