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

'HTML & Script' 카테고리의 다른 글

자바스크립트로 만든 RSS리더  (0) 2007.05.02
이미지 사이즈 조절방법  (0) 2007.05.02
사이트 확대 축소  (0) 2007.05.02
새로고침(F5) 전체창(F11) 못하게 막기  (2) 2007.05.02
아이디저장  (1) 2007.05.01

+ Recent posts