[ 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>
댓글목록
등록된 댓글이 없습니다.