2013. 4. 8. 17:09


테이블 TD 텍스트 길이 고정 방법

Tip 1. word-break : 단어 속에서 자동 줄바꿈을 할 것인가를 반환하거나 설정. 

<td width="100" style="word-break:break-all"></td>


속성(Attribute) : normal       -  항상 단어 속에서 줄바꿈을 (기본)

  break-all    - 텍스트가 width 길이를 벗어나지 않고 줄바꿈이 일어난다.

  hyphenate  -  하이픈(-) 표시부터 줄바꿈이 일어난다.




Tip 2. word-wrap : 내용이 개체의 범위를 초과하면 단어를 자를 것인가를 반환하거나 설정.


<td width="100" style="word-wrap:break-word"></td>


속성(Attribute) : normal           - 텍스트가 width 길이에 제한되지 않고 열의 길이를 벗어남. (기본)

  break-word    - 텍스트가 width 길이를 벗어나지 않고 줄바꿈이 일어난다.





Posted by TIMEC