본문 바로가기

.NET

div 줄 바꿈

div 태크 자동 줄바꿈

1. word-break:break-all;

하나의 문장을 띄어쓰기할 때 쓰인 공백 기준이 아닌 문자 단위로 끊어주는 역할을 하는 스타일 속성입니다.
기본적으로 <td></td> 안에서 문장은 띄어쓰기 공백을 기준으로 잘리기 때문에 width크기를 지정해 주더라도 width 크기를 무시하고 늘어나게 됩니다.
이런 경우, 문자 단위로 끊어주면 자동으로 width에 맞춰 줄바꿈이 됩니다.

2. white-space:nowrap;

1번과 반대로 셀의 너비를 지정했다 하더라도 자동으로 줄바꿈이 되지 않게 하는 속성입니다.

나. 데모

1. word-break:break-all;

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

2. white-space:nowrap;

손상모 손상모 손상모 손상모 손상모 손상모

손상모 손상모 손상모 손상모 손상모 손상모

'.NET' 카테고리의 다른 글

마우스 우클릭 방지 풀어주는 프로그램  (0) 2009.03.27
Windows XP "VB6KO.dll"  (4) 2009.02.03
div 줄 바꿈  (2) 2009.01.30
HTTP Response: 401 Unauthorized  (0) 2008.11.25
vista 관리자 계정 활성화 하기  (1) 2008.11.12
ISA 2006 제품  (0) 2008.11.06
  • Favicon of http://i-ruru.com BlogIcon sunyruru 2009.02.20 01:58

    이거 해도 .... 은 안먹혀요

    테스트 예제
    <table border=1>
    <tr>
    <td style="word-break:break-all;" width=50>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    ....................................................................................................................
    </td>
    </tr>
    </table>

  • 주인장 2009.02.24 11:16

    <table border=1 style="width:50px;">
    <tr>
    <td style="word-break:break-all;">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    ....................................
    </td>
    </tr>
    </table>

    이렇게 해보세요