2011-03-16 10 views
0

div에 텍스트를 줄 바꿈하려고합니다. 어떻게 할 수 있니?단어 줄 바꿈?

<div width="700"><pre><p> " . $texts . "</p></pre></div> 

단서 :

여기에 문제의 코드는?

+0

죄송합니다, 나는 700 픽셀 후 포장 아니라고 말했다 있어야합니다. 오히려, 단지 스크롤바를 만드는 것입니다 ... – Mario112

답변

1

http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/

은 "긴 줄은 사전 HTML 태그의 사용에 의해 발생합니다. 사전 태그는 텍스트의 체크에 공백과 줄 바꿈을 유지합니다. 완벽한 코드의 미리보기를 표시. 그러나 몇 줄의 코드 꽤 길고 페이지에서 벗어날 것입니다. 바로 이것이 내 사이드 ​​바가 IE의 페이지 맨 아래로 밀려나는 이유입니다. "

를 해결하려면 :

pre { 
    white-space: pre-wrap;  /* css-3 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
} 
+0

어디에 넣어야합니까? CSS가없는 매우 간단한 사이트입니다. – Mario112

+0

CSS 파일 (및 파일 포함)에 넣거나'style' 태그에 인라인하거나'style' 속성을 사용하여'div' 요소에 넣으십시오. –

+0

신경 쓰지 마세요. 감사합니다. – Mario112