[CSS] 말줄임(... 처리)-여러줄 > 학습

본문 바로가기

사이트 내 전체검색

395,796명이 방문해 주셨습니다.

[  HTML&CSS  ] [CSS] 말줄임(... 처리)-여러줄

작성일 20-06-02 16:05

페이지 정보

작성자IPFT 조회 332회 댓글 0건

본문

*텍스트의 줄 수가 CSS로 지정해놓은 높이값만큼만 표시됨.

<div class="text">
안녕히세요 IP-FT입니다.
많은 관심과 사랑 부탁드립니다.
</div>

<style>
.text{
        display: -webkit-box;
        -webkit-line-clamp: 2; //표시할 줄수
    	-webkit-box-orient: vertical;
    	overflow: hidden;
    	height: 2.4em; // 줄간격 * 표시할 줄수
    	line-height: 1.2em; //줄 간격
    	text-overflow: ellipsis;
}
</style>

댓글목록

등록된 댓글이 없습니다.

Copyright © 소유하신 도메인. All rights reserved.