css로 글자길이에 따라 글자 생략하기 > 자료실

자료실

자료실

css로 글자길이에 따라 글자 생략하기

페이지 정보

profile_image
작성자 최고관리자
댓글 0 조회 105회 작성일 24-11-01 04:54
작성일 24-11-01 04:54

본문

<div class="cut-str">
	글자가 너무 길어요!
</div>
.cut-str {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100px;
}

width를 넘는 긴 글자가 •••으로 나타난다.


text-overflow 속성을 ellipsis가 아닌 clip으로 지정하면 글자가 잘리게 되며 scroll을 방지하기 위해 overflow 속성을 hidden으로 주고, 개행되지 않도록 white-space 속성을 nowrap으로 설정해야 한다.

추천 0 비추천 0

  • 회사 :
  • 대표 :
  • 주소 :
  • 메일 : admin@mysample.com
  • 사업자 등록번호 :
Copyright © cginjs.com All rights reserved.
notice