문자열 길이

 

글씨가 테이블 또는 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>