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