[CSS] 말줄임

[CSS] 말줄임

글자가 특정 너비 혹은 줄을 넘어가는 경우 말줄임(...)을 사용할 수 있습니다. 1. 한 줄 말줄임 한 줄 말줄임에 필요한 속성은 3가지 입니다. overflow text-overflow white-space p { width: 100px; border: 1px solid #000; /* 말줄임 효과 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } <body> <div> <p>ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz</p> </div> </body> 2. 여러 줄 말줄임 여러 줄 말줄임에 필요한 속성은 7가지 입니다. overflow text-overflow display -webkit-line-clamp -webkit-box-orient word-break p { width: 100px; border: 1px solid #000; /* 말줄임 효과 */...

#css #ellipsis

원문링크 : [CSS] 말줄임

 등록된 다른 글

01 자바 웹 프로그래밍 개발환경 구축

[Node.js] 웹 소켓

03 스크롤과 페이징 인터랙션 이해하기

[Android] 14 Drawable

[HTML] 기본 지식

[SQL] 테이블 살펴보기

[JavaScript] Local / Session Storage

[Kotlin] 05 메소드