본문 바로가기
Program

문자열 길이

본문

 

글씨가 테이블 또는 DIV 크기를 넘어가서 글이 다음줄로 넘어가서 보기 흉할때


간혹 ... 을 붙여 자르고 싶을때가 있습니다.


다음과 같이 자르시면 됩니다.

<table width="100%" style="TABLE-layout:fixed">

<tr>

<td style="width:100%;overflow:hidden;text-overflow:ellipsis;"><nobr>긴텍스트</nobr></td>

</tr>

</table>


위처럼 text-overflow 의 ellipsis 를 사용하면 되는데 이는 overflow 와 항상 같이 사용해야 하며 <nobr>을 반드시 사용해야합니다.

table 의 TABLE-layout:fixed 도 반드시 있어야 합니다.

그리고 table과 td도 각각 width를 지정해 주는것이 좋습니다.


문자열이 길은데 ... 으로 자르지 않고 줄을 넘기려면


<table width="100%">

<tr>

<td style="width:100%;word-break:break-all;">긴텍스트</td>

</tr>

</table>

[이 게시물은 듀라님에 의해 2015-04-03 10:08:13 워드프레스에서 이동 됨]
[이 게시물은 듀라님에 의해 2015-04-03 10:27:24 Public에서 이동 됨]
[이 게시물은 듀라님에 의해 2015-04-03 10:33:53 팁과강좌에서 이동 됨]
[이 게시물은 최고관리자님에 의해 2017-06-10 14:25:12 HTML / CSS에서 이동 됨]
0 0
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

l2j (121.♡.101.20) 작성일07-05-02 13:47 조회1,722회 댓글0건

댓글목록

등록된 댓글이 없습니다.

Program 목록

게시물 검색

사이트 정보

  • 회사명 회사명 / 대표 대표자명
  • 주소 OO도 OO시 OO구 OO동 123-45
  • 사업자 등록번호 123-45-67890
  • 전화 02-123-4567 / 팩스 02-123-4568
  • 통신판매업신고번호 제 OO구 - 123호
  • 개인정보관리책임자 정보책임자명

고객센터

  • 02-1234-5678
  • abc@abc.com
  • 월-금 am 11:00 - pm 05:00
  • 점심시간 : am 12:00 - pm 01:00
  • 주말&공휴일은 1:1문의하기를 이용하세요.
상단으로