Mozilla 한국 커뮤니티

아래와 같은 경우 table에서 width고정시키려면 어떻게 해야하는게 좋을런지요?

<img src="http://img.empas.com/img/common/logo/logo_mail.gif" width="300" height="50" border="1">
<hr width="300">
<table width=300 border=1 cellspacing=0 cellpadding=0>
<tr>
<td> 매우긴 문자열(중간에 공백없슴)
</td>
</tr>
</table>

꼭 Table이 아니어도 됩니다만 내용부분에 긴 문자열이 들어간 경우 깨지곤 합니다. ( \n 으로 중간에 줄바꿈을 해주면 없어집니다.)

overflow: hidden 을 사용하시거나,
table-layout: fixed 를 사용하시면 됩니다.

hyeonseok wrote:overflow: hidden 을 사용하시거나,
table-layout: fixed 를 사용하시면 됩니다.

답변 감사합니다.


IE 6.0 과 FF 1.06(win)에서 Test를 했는데, FF 1.06에서는 약간 늘어났습니다.
IE 6.0에서는 잘 됩니다.

내용이 자동줄바꿈 되어 흐르게 하고 싶었는데, 둘다 자동줄바꿈은 되지 않더군요.

아래 코드로 해결했습니다.

대발사랑 wrote:아래와 같은 경우 table에서 width고정시키려면 어떻게 해야하는게 좋을런지요?

<td> 매우긴 문자열(중간에 공백없슴)

만일, 그 긴 문자열이 로마자로 쓰인 영어 등 유럽 언어라면, 음절 경계에 적당하게 soft-hyphen을 넣어 주는 것이 '정석'입니다. (word-break : all 등은 유럽쪽 언어 사용자들의 눈살을 찌푸리게 하는 결과를 초래할 확률이 매우 높습니다.) 문제는 모질라가 아직도 soft hyphen을 제대로 처리하지 못 해서 이렇게 해도 모질라에서는 문제가 그대로 남습니다.