2011년 8월 31일 수요일

테이블에서 줄바꿈, 글줄임, ...(점점점)으로 표시 하기

<table cellpadding="0" cellspacing="0" style="width:100%; table-layout:fixed;" border="2">
   <tr>
      <td style="width:100px; word-break:break-all;">
         td태그의 넓이를 초과할 경우 자동으로 줄바꿈이 되어 표시됩니다.
      </td>
      <td style="width:100px; overflow:hidden;">
        <nobr>td태그의 넓이를 초과할 경우 초과하는 부분은 표시가 되지 않음</nobr>
      </td>
      <td style="width:100px; overflow:hidden; text-overflow:ellipsis;">
         <nobr>속성을 같이 사용하면 td태그의 넓이를 초과할 경우 초과하는 부분은"..."표시</nobr>
      </td>
      <td style="width:700px;"> 테스트를 위해 td 생성</td>
   </tr>
</table>

댓글 없음:

댓글 쓰기