<table width="694" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed">
   <tr>
      <td height="auto" style="padding:20 20 20 20; word-break:break-all;"><%=detailInfo.getContents()%></td>
   </tr>
</table>

 
[1] style="table-layout:fixed"
 ==>> 말 그대로 테이블의 크기를 고정해 줍니다. 이때 가로세로 모두 고정이 됩니다.


[2] style="word-break:break-all;"
 ==>> [1]의 방법으로 고정된 테이블에 긴 글을 넣을경우 가로가 고정되어 있으므로 글자가 잘려 보이는 경우가 발생하는데 이것을 방지하고 글의 자동 줄바꿈 효과를 줍니다.
 단어단위로 잘라서 줄바꿈을 하는 것이 아니고 <td>의 길이만큼 잘라서 넘어가는 것에 대해서만 자동 줄바꿈이 됩니다.


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

+ Recent posts