말줄임 코드 CSS 는 필수!

Balsamic·2022년 12월 1일
0

말줄임 코드🧚

말줄임 코드는 글이 길어질 가능성이 있는 모든 글자태그들과 함께 쓴다!
매우매우 자주 쓰기 때문에 기억해 놓기!

말줄임 코드의 두가지 버전

한줄 말줄임(width를 잡아줘야 적용 가능)

overflow: hidden; 
text-overflow: ellipsis;
white-space: nowrap;
text-align: justify;

여러줄 말줄임(height가 잡혀있어야 한다!)

line-height: 20px; - 변동 가능
overflow: hidden;
max-height: 40px; - 변동가능
text-overflow: ellipsis;
-webkit-line-clamp: 2; - 변동가능 (몇줄부터 자를것인지)
-webkit-box-orient: vertical;

0개의 댓글