테이블 넓이가 퍼센트로 지정되어져 있는데 pre 태그를 써야 할 경우

제목 그대로 테이블의 넓이가(width) 퍼센트로 지정 되어져 있는 경운데

td 안에 pre 태그를 써야 할 경우가 있다.

이럴 때 만약 pre 태그안에 내용이 무지 길다면

예)

<table width="100%">

<tr>

<td>

<pre>내용........................</pre>

</td>

</tr>

</table>

테이블이 가로로 쫙! 늘어나는 경우가 생긴다.

이럴 경우를 방지 하고자 할때 pre 태그에 다음과 같이 스타일을 주면 된다.

<pre width="100%" style="white-space: pre-wrap; word-wrap: break-word;">내용</pre>