1. 텍스트를 <div> 태그로 감싼다.
2. <div> 의 style 속성으로 원하는 width, height 를 설정하고, overflow:hidden 을 추가한다.
3. <td>태그 안에서 자동줄바꿈을 하지 않기 원한다면 <nobr></nobr>로 텍스트를 감싸준다.
4. 텍스트가 짤려서 보이지 않게 되므로 div의 title 속성에 전체 문장을 써 넣어 주면 더 좋겠다. (alt 효과)
2. <div> 의 style 속성으로 원하는 width, height 를 설정하고, overflow:hidden 을 추가한다.
3. <td>태그 안에서 자동줄바꿈을 하지 않기 원한다면 <nobr></nobr>로 텍스트를 감싸준다.
4. 텍스트가 짤려서 보이지 않게 되므로 div의 title 속성에 전체 문장을 써 넣어 주면 더 좋겠다. (alt 효과)
# 직접 해 본 예제, 그런데 글자가 어중간하게 걸쳐서 반쯤 짤려 보이는 것은 어떻게 좀 할 수 없을까?
<td>
<div style="width:50px;overflow:hidden" title="아주아주아주아주아주아주긴문자열">
<nobr>아주아주아주아주아주아주긴문자열</nobr>
</div>
</td>