현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

html 질문입니다...-_-;;

mykldp의 이미지
글쓴이: mykldp / 작성시간: 일, 2003/02/16 - 11:03오후

텍스트의 wrapping 에 대한 건데요.

테이블이나 div 에서 width값을 픽셀로 주고 그 안에 긴 텍스트를

넣으면 한글은 자동으로 줄바꿈이 되고 영문은 줄바꿈이 되지 않더군요.

영문도 자동으로 줄바꿈이 되도록 하는 방법이 있을까요.

아래 코드를 한번 봐주세요.


<!-- 이 테이블은 자동으로 줄바꿈이 됩니다.-->
<table width="100">
	<tr>
		<td width="100">가나다라마바사아자차카타파하</td>
	</tr>
</table>


<!-- 이 테이블은 자동으로 줄바꿈이 되지 않습니다. 위의 테이블과의 차이는 단지 내용이 영문이라는 것 뿐입니다.-->
<table width="100">
	<tr>
		<td width="100">ABCDEFGHIJKLMNOPQRSTUVWXYZ</td>
	</tr>
</table>
Forums: 
프로그래밍 QnA
dotri의 이미지

글쓴이: dotri / 작성시간: 월, 2003/02/17 - 1:11오전

영문으로 했을때 줄바꿈이 되지 않는것은
한줄이 다 안채워졌기 때문입니다.
예제로 보여주신 코드에서 영문 테이블에 들어가는 문자열은 width 100 을 못채웁니다.
기본 arial 폰트가 fixed-width 폰트가 아니기 때문이죠.
내용을 좀 더 길게 써보세요.

김남근의 이미지

글쓴이: 김남근 / 작성시간: 월, 2003/02/17 - 8:28오전

dotri wrote:
영문으로 했을때 줄바꿈이 되지 않는것은
한줄이 다 안채워졌기 때문입니다.
예제로 보여주신 코드에서 영문 테이블에 들어가는 문자열은 width 100 을 못채웁니다.
기본 arial 폰트가 fixed-width 폰트가 아니기 때문이죠.
내용을 좀 더 길게 써보세요.

저두 테스트 해봤는데.. 잘 안되네요.. 띄어쓰기를 하면 제대로 인식하는거 같은데

공백을 기준으로 자동 줄바꿈을 하는듯 싶은데요.. 한글같은경우는 공백과 상관없이 글자수를 기준으로 줄바꿈을 하는듯..

어쨌든 저두 좀 찾아봐야 할거 같습니다.

:cry:

무의식속의 Step을 밟아 보자~

mrmirang의 이미지

글쓴이: mrmirang / 작성시간: 월, 2003/02/17 - 9:36오전

style=word-break:break-all
nowrap
를 찾아보세요..

IE에서만 지원이 가능한걸로 알고 있습니다.
딱히 정해져 있는 표준이 없기에..

원하시는 답이 될것입니다.

죠커의 이미지

글쓴이: 죠커 / 작성시간: 수, 2005/03/02 - 5:34오전

mrmirang wrote:
style=word-break:break-all
nowrap
를 찾아보세요..

IE에서만 지원이 가능한걸로 알고 있습니다.
딱히 정해져 있는 표준이 없기에..

원하시는 답이 될것입니다.

word-break는 css3입니다. 파이어폭스는 css2를 지원하며 css2를 지원 못하는 익스플로러는 word-break만 지원합니다. :twisted:

- 죠커's blog / HanIRC:#CN

익명 사용자의 이미지

글쓴이: 익명 사용자 / 작성시간: 수, 2006/01/18 - 6:03오후

mykldp wrote:
텍스트의 wrapping 에 대한 건데요.

테이블이나 div 에서 width값을 픽셀로 주고 그 안에 긴 텍스트를

넣으면 한글은 자동으로 줄바꿈이 되고 영문은 줄바꿈이 되지 않더군요.

영문도 자동으로 줄바꿈이 되도록 하는 방법이 있을까요.

아래 코드를 한번 봐주세요.


<!-- 이 테이블은 자동으로 줄바꿈이 됩니다.-->
<table width="100">
	<tr>
		<td width="100">가나다라마바사아자차카타파하</td>
	</tr>
</table>


<!-- 이 테이블은 자동으로 줄바꿈이 되지 않습니다. 위의 테이블과의 차이는 단지 내용이 영문이라는 것 뿐입니다.-->
<table width="100">
	<tr>
		<td width="100">ABCDEFGHIJKLMNOPQRSTUVWXYZ</td>
	</tr>
</table>

둘러보기