현재 위치

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

HTML 질문 - 한 화면의 가로 크기를 벗어난 문장을 자동 줄바꿈

랜덤여신의 이미지
글쓴이: 랜덤여신 / 작성시간: 월, 2004/06/07 - 5:55오후

HTML 질문 - 한 화면의 가로 크기를 벗어난 문장을 자동 줄바꿈하지 않기?

안녕하세요.
현재 문제가 되고 있는 것이,
http://barosl.com/etc/work/test.html
이것 입니다.

보시다시피 한글은 자동 줄바꿈이 되는데, 영어는 되지 않습니다.
그런데 저는 자동 줄바꿈을 하지 않고 싶습니다.

물론,
word-break: keep-all
이렇게 하면 가능하긴 합니다만, IE 에만 먹혀서 별로 쓰고 싶지 않습니다.

대체할 만한 HTML 또는 CSS 가 있을까요?

Forums: 
프로그래밍 QnA
bugiii의 이미지

글쓴이: bugiii / 작성시간: 월, 2004/06/07 - 6:41오후

테이블은 어떤가요?

소타의 이미지

글쓴이: 소타 / 작성시간: 월, 2004/06/07 - 6:42오후

<nobr>................

랜덤여신의 이미지

글쓴이: 랜덤여신 / 작성시간: 월, 2004/06/07 - 7:09오후

안타깝게도, nobr 은 XHTML 1.1 Transitional 에 없군요.

:cry:

방법 계속 찾다가, 못찾으면 nobr 써야 할 듯... (frame border 없애는 문제의 악몽이 되살아나는가...)

----
블로그 / 위키 / 리눅스 스크린샷 갤러리

랜덤여신의 이미지

글쓴이: 랜덤여신 / 작성시간: 월, 2004/06/07 - 7:34오후

스크립트로 nobr 태그를 끼워 넣어 버리는 방식으로 해결했습니다.

확실히, Validator 에러는 나지 않을 겁니다. :lol:

다만, IE 버그를 또 발견했군요.

innerHTML 안에 nobr 태그가 들어가면 에러납니다.

그래서 DOM 표준인 createElement / appendChild 를 사용했습니다...

----
블로그 / 위키 / 리눅스 스크린샷 갤러리

정태영의 이미지

글쓴이: 정태영 / 작성시간: 월, 2004/06/07 - 7:53오후

php같은 경우엔.. wordwrap이란 함수가 있습니다..
적절한 길이 단위로.. 뉴라인이라던가.. 그런걸..

넣어주면 =3=33

오랫동안 꿈을 그리는 사람은 그 꿈을 닮아간다...

http://mytears.org ~(~_~)~
나 한줄기 바람처럼..

lifthrasiir의 이미지

글쓴이: lifthrasiir / 작성시간: 월, 2004/06/07 - 10:29오후

정태영 wrote:
php같은 경우엔.. wordwrap이란 함수가 있습니다..
적절한 길이 단위로.. 뉴라인이라던가.. 그런걸..

넣어주면 =3=33

고정폭 글꼴이 아니라면 별로 효용성이 없죠 ;) php에서 이걸 구현하려면 아무래도 gd library로 ttf 불러 와서 테스트를 해 봐야 할 듯 싶네요.

...저야 저럴 일이 없는 게 테이블 안에 텍스트를 길게 넣는 경우가 별로 없기 때문에 =3 (그냥 넘어 가라고 놔두거나;;)

- 토끼군

랜덤여신의 이미지

글쓴이: 랜덤여신 / 작성시간: 월, 2004/06/07 - 11:12오후

신기한 함수가 있군요. wordwrap 이라...

크크... 언젠가는 사용해 봐야겠습니다...

----
블로그 / 위키 / 리눅스 스크린샷 갤러리

댓글 달기

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

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 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.