2009년 7월 29일 수요일

테이블 크기 고정하기[table-layout:fixed]

<table width="600" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed">
<tr>
<td height="auto" style="padding:20 20 20 20; word-break:break-all;"><%=contents%></td>
</tr>
</table>

1. style="table-layout:fixed"

    -> 테이블의 크기를 고정해 줍니다. 가로세로 모두 고정이 됩니다

2. style="word-break:break-all;"

    -> 1.의 방법으로 고정된 테이블에 긴 글을 넣을경우 가로가 고정되어 있으므로 글자가 잘려 보이는 경우가 발생.이것을 방지하고 글의 자동 줄바꿈 효과를 줍니다

3. height="auto"

   -> 1.의 방법으로 고정된 테이블의 세로때문에 글이 고정된 세로길이까지만 보입니다. 이것을 방지하기위해 세로의 길이를 오토로 조정해줍니다.

댓글 없음:

댓글 쓰기