div 안에 글자를 자동으로 잘라주는 style > IT Tip&Tech

본문 바로가기
사이트 내 전체검색


회원로그인

IT Tip&Tech

div 안에 글자를 자동으로 잘라주는 style

페이지 정보

작성자 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 작성일12-10-25 11:49 조회4,983회 댓글0건

본문

DIV 태그 스타일에 text-overflow:ellipsis; overflow:hidden; 을 사용하면 div 안의 글자를 

자동으로 줄여줍니다. 

그런데 막상 하란대로 했는데도 안되는거에요...

이유를 알고보니 줄이고 싶은 글은 <nobr> </nobr> 태그로 감싸줘야 해요.
그렇지 않으면 줄여지지 않고 줄바꿈이 됩니다;;

그리고 text-overflow:ellipsis; overflow:hidden; 사용했을시에는 div 에 width 속성이 들어가야 합니다.
안그러면 죽 늘어나겠죠?

예제
<div style='text-overflow:ellipsis; overflow:hidden; width:50%;'
<nobr> 이렇게 하면 50퍼센트 너비밖에 있는 글자는 말줄임표로 줄여집니다.</nobr>
</div>


  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

IT Tip&Tech 목록

Total 121건 4 페이지
IT Tip&Tech 목록
번호 제목 글쓴이 날짜 조회
76 자바스크립트 document.getElementById 크롬에서 안돼요!! 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12-04 4828
75 프로그램 실행되는 경로를 알고싶을때? 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-06 3134
74 시놀로지 NAS 웹서버에서 404 페이지 커스텀하기 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 09-23 4284
73 Synology NAS 의 vhost.conf 파일 위치 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 09-11 4123
72 Synology NAS에서 아파치 서버만 재시작 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 09-11 8675
71 [CSS]모바일 글씨크기 고정 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12-04 6446
70 <td> 태그 CSS 긴글 줄바꿈 문제 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-22 6107
69 페이스북 좋아요 버튼과 댓글달기 모듈의 변경 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-21 5589
68 게임개발을 하고싶어하는 학생들에게 소개 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-19 4269
67 stl reference 사이트 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-06 4494
66 <tr> style 에는 border 가 없나요? 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-02 7410
열람중 div 안에 글자를 자동으로 잘라주는 style 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-25 4984
64 그누보드 관리자 페이지 메뉴 레이어 위치문제 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-25 5872
63 css style visibility:hidden 과 display:none 의 차이 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-25 6004
62 css 그라데이션에 관한 팁 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-24 5129
게시물 검색

접속자집계

오늘
494
어제
597
최대
3,675
전체
412,597
회사소개 개인정보취급방침 서비스이용약관
Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
상단으로
모바일 버전으로 보기