Mozilla 한국 커뮤니티

이게 어떤일인지..
한글은 띄어쓰기 없이 그냥 한줄로 다 써도 테이블의 넓이 width 값보다 길어지면자동으로 밑으로 내려가는데 영문은 그렇지가 않네요?
아래 예제인데. 이게 어떻게 된일지 꼭 알려주세요.
뭐 그냥 살면되는데 괜히 궁금해서요. 헤헤
<table width="135" border="1" cellpadding="3" cellspacing="0">
<tr>
<td>맹구</td>
</tr>
<tr>
<td>000000</td>
</tr>
<tr>
<td>봉숭아학당</td>
</tr>
<tr>
<td>동해물과백두산이마르고닳도록하느님이보우하사우리나라만세</td>
</tr>
</table>
<br>
<table width="135" border="1" cellpadding="3" cellspacing="0">
<tr>
<td>맹구</td>
</tr>
<tr>
<td>000000</td>
</tr>
<tr>
<td>봉숭아학당</td>
</tr>
<tr>
<td style="overflow-x:auto">adjfasfjdfjklasjfljasflasjfjasfkljasfkljasfjalfjfkl</td>
</tr>
</table>

.

공돌이 wrote:이게 어떤일인지..
한글은 띄어쓰기 없이 그냥 한줄로 다 써도 테이블의 넓이 width 값보다 길어지면자동으로 밑으로 내려가는데 영문은 그렇지가 않네요?

로마자로 쓰인 영어에서는 아무데서나 줄바꿈을 할 수 없습니다. 음절 경계에서 하이픈을 써서 하거나, 단어 경계에서만 줄을 바꿀 수 있습니다. 음절 경계를 판단하는 것은 사전이 없이 정확히 하기가 매우 힘들기 때문에 대부분의 브라우저는 단어 경계에서만 줄을 바꿉니다. 전에도 쓴 적이 있지만, 국제 학회 등에서 영어 단어를 음절 경계도 아닌데, 중간에 반토막 내놓은 슬라이드를 가지고 발표를 하는 이들이 가끔 있는데, 그렇지 않도록 주의해야 합니다.

http://www.unicode.org/reports/tr14/
를 읽어 보세요.

그렇군요.. 감솨합니다.
근데 이게 제게 왜 문제가 됐느냐 하면요.
특이한 경우인거 같은데 메일주소가
abcdeefgsegs@naver.com
식으로 되어 있는데 테이블의 가로길이가 이메일주소보다 작을경우 두줄로 생겼으면 해서요. 혹시나 방법이 있나해서 올려봤어요.
결국 로마자표기로 봤을때 두줄로 생기게 하는거는 잘못된 표기법이라는 거군요..
감솨~

공돌이 wrote: abcdeefgsegs@naver.com
~

그 경우에는 @에서 줄을 바꿀 수 있습니다. 그렇게 하지 않는 것은 firefox의 버그입니다. 아주 오래된 버그입니다. 제가 고친 패치가 있기는 하지만 아직 적용을 하지 않고 있습니다. 고친 방법이 '땜질식'이라서 마음에 들지 않기도 하고요. 관련된 버그로 소프트 하이픈을 제대로 처리하지 못 하는 버그도 있습니다. 소프트 하이픈은 로마자로 적을 때 여기에서는 줄을 바꿀 수 있다고 알려 주는 힌트입니다. 만일, 줄을 바꿀 경우에는 앞 줄의 맨 끝에 진짜 하이픈을 쓰고, 다음 줄로 넘어가야 합니다. 소프트 하이픈 위치에서 줄을 바꾸지 않을 경우에는 소프트 하이픈은 그냥 없는 글자처럼 취급됩니다.

또, CSS3 초안에 보면 MS의 제안으로 로마자 사이에서도 아무데서나 줄바꿈을 허용하는 방법이 있기는 합니다. 동아시아권에서 로마자인 경우에도 음절 경계와 무관하게 줄을 (마구) 바꾸는 '관행'(잘못된)을 반영해서 MS가 제안한 것입니다. 하지만, 이것은 최종안에서 빠질 가능성도 있고, 현재는 MS IE만 지원합니다. MS IE는 정작 중요한 CSS2는 잘 지원하지 않으면서 자신들이 제안한 CSS3의 초안 내용은 꽤 많이 지원하지요.


Netscape 2.0/3.0(?) 시절에 있었던 <wbr>이 표준이 되었다면 이런 경우에 쓸 수 있겠지만, wbr은 표준에 들어 있지 않고 요새는 지원도 잘 안 될 테니까 쓸 수 없군요.