line-clamp 속성
left 속성은 텍스트를 지정된
줄 수로 제한합니다. 초과된 줄은
말줄임표로 대체됩니다.
구문
선택자 {
line-clamp: none | 줄 수
}
예제
텍스트를 두 줄로 제한해 보겠습니다:
<p>
텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트
텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트
텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트
텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
