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

글쓴이: 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

댓글 달기

[re]

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

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

답글

Re: [re]

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

dotri wrote:

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

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

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

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

:cry:

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

답글

style=word-break:break-all nowrap 를

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

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

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

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

답글

[quote="mrmirang"]style=word-break:break

글쓴이: 죠커 / 작성시간: 수, 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

답글

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

글쓴이: 익명 사용자 / 작성시간: 수, 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>

답글

댓글 달기

이름

제목

댓글 *

텍스트 포맷에 대한 자세한 정보

텍스트 양식

Filtered HTML

텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
You can use Textile markup to format text.
사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
Quick Tips:
- Two or more spaces at a line's end = Line break
- Double returns = Paragraph
- *Single asterisks* or _single underscores_ = Emphasis
- **Double** or __double__ = Strong
- This is [a link](http://the.link.example.com "The optional title text")
For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

HTML 태그를 사용할 수 없습니다.
web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
줄과 단락은 자동으로 분리됩니다.

CAPTCHA

이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.

부 메뉴

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