CSS만으로 줄이 길어질 때 "..."로 처리하는 기법 > 자유게시판

자유게시판

프로그램과 관련 없는 애매한 질문은 이곳을 이용하셔도 좋습니다.

CSS만으로 줄이 길어질 때 "..."로 처리하는 기법 정보

CSS만으로 줄이 길어질 때 "..."로 처리하는 기법

본문

CSS로 처리하는 재미있는 기법 소개합니다.

 

HTML : 

<p class="truncate-text">한 줄에 보여주는 글이 길어질 때, 적당한 길이 이후 "..."로 마무리</p>

 

CSS :

.truncate-text {

   overflow: hidden;

   white-space: nowrap;

   text-overflow: ellipsis;

   width: 200px;

}

 

위 코드는 http://jsfiddle.net/에서 직접 입력 후 확인해 보세요..

 

 

모아 모아 놓은 곳..

https://sir.kr/so_ok365

 

스폰서링크

댓글 6개

메인 공지사항 최신글 같은 곳에서 제목이 길때 사용하면 좋지요ㅎ
링크 눌렀다가 404 뜨길래 뭐지? 했는데 에서까지 링크로 잡혀있네욤~
전체 170,849 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 휴대용 선풍기 아이리버 BF-C26

    참여151 회 시작18.06.18 10:32 종료18.06.23 10:32

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT