<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]의 방법으로 고정된 테이블의 세로 때문에 글이 고정된 세로길이까지만 보입니다. 이것을 방지하기 위해 세로의 길이를 오토로 조정해 줍니다.
'프로그램 > Html & Js & Css' 카테고리의 다른 글
[펌] - 팝업/ALERT('AAA')창 닫을시 확인 메시지 없이 부모창도 닫기 (0) | 2009.03.27 |
---|---|
JavaScript Navigator Object (0) | 2009.03.22 |
자바스크립트 - 새로고침, F5번 키 막기 (0) | 2009.02.05 |
메타태그의 용도 (0) | 2008.12.29 |
[펌]-[JS] Event 일람 (0) | 2008.08.20 |