word-wrap 에 관한 내용같은데 설명해 주실 분 있으신가요? – 한국워드프레스사용자모임 https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/feed/ Sun, 19 May 2024 12:21:05 +0000 https://bbpress.org/?v=2.6.9 ko-KR https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2733 <![CDATA[word-wrap 에 관한 내용같은데 설명해 주실 분 있으신가요?]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2733 Sun, 17 Jun 2007 22:09:34 +0000 toorn 질문하셨던 첫 글에 걸린 링크에 보면 그 댓글 중에 { overflow:auto; }에 관한 것이 있어서 잠깐 찾아봤습니다. 코드를 포스트에 표현할 때,

<code { overflow:auto; }> 코드 내용 </code>

로 표현하니까 코드의 아래에 스크롤바가 나타나면서, 본문 폭에 맞춰서 표현 되더군요.

Avatar of toorn
toorn
]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2734 <![CDATA[Reply To: word-wrap 에 관한 내용같은데 설명해 주실 분 있으신가요?]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2734 Sun, 17 Jun 2007 22:09:34 +0000 toorn http://weblogtoolscollection.com/archives/2007/06/16/css-for-code-wrap-long-lines/
여기에 긴줄 넘김에 대한 정보가 있는 것 같은데 솔직히 무슨 말인지 잘 모르겠네요.
혹시 설명해 주실 분 있으신가요?

If you post code on your WordPress blog, you could use a code beautifier plugin such as syntax highlighter or you could include your code in <pre> tags. They preserve line breaks, multiple blanks, tabs between words and other formatting commonly used in code. However, in some cases, if body of your blog is narrow(er) or your line of code is really long, it will not wrap and will overflow over your sidebar. You can just hide the overflow but that still will look tacky and not very usable. On performing a little search, I discovered that Tyler Longren had already come up with a clever hack to solve the problem. If you add the following code to your stylesheet, it will wrap the long lines of code.

pre {

white-space: pre-wrap; /* css-3 */

white-space: -moz-pre-wrap !important; /* 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+ */

}

Avatar of toorn
toorn
]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2738 <![CDATA[Reply To: word-wrap 에 관한 내용같은데 설명해 주실 분 있으신가요?]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2738 Sun, 17 Jun 2007 22:09:34 +0000 toorn http://weblogtoolscollection.com/archives/2007/06/16/css-for-code-wrap-long-lines/
여기에 긴줄 넘김에 대한 정보가 있는 것 같은데 솔직히 무슨 말인지 잘 모르겠네요.
혹시 설명해 주실 분 있으신가요?

If you post code on your WordPress blog, you could use a code beautifier plugin such as syntax highlighter or you could include your code in <pre> tags. They preserve line breaks, multiple blanks, tabs between words and other formatting commonly used in code. However, in some cases, if body of your blog is narrow(er) or your line of code is really long, it will not wrap and will overflow over your sidebar. You can just hide the overflow but that still will look tacky and not very usable. On performing a little search, I discovered that Tyler Longren had already come up with a clever hack to solve the problem. If you add the following code to your stylesheet, it will wrap the long lines of code.

pre {

white-space: pre-wrap; /* css-3 */

white-space: -moz-pre-wrap !important; /* 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+ */

}

Avatar of toorn
toorn
]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2735 <![CDATA[Reply To: word-wrap 에 관한 내용같은데 설명해 주실 분 있으신가요?]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2735 Sat, 30 Jun 2007 15:09:27 +0000 suineg11 저는 css 대해 아는 바가 없어서 간단히 번역 내용만 쓸께요.

워프 포스트에서 코드를 쓰려면, syntax highlighter 같은 플러그인이나 pre 태그를 쓰면 됩니다. 허나 문제는, 블로그의 포스트 폭이 짧거나 쓰고자 하는 코드가 너무 길면, 코드가 포스트란을 벗어나 사이드바에 까지 넘어간다는 것이 문제입니다. Tyler Longren이 이 문제를 이미 해결했는데, 그 방법은 아래의 코드를 stylesheet에 포함 시키면, 긴 줄의 코드도 감쌉니다.

[/quote]

Avatar of suineg11
suineg11
]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2739 <![CDATA[Reply To: word-wrap 에 관한 내용같은데 설명해 주실 분 있으신가요?]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2739 Sat, 30 Jun 2007 15:09:27 +0000 suineg11 저는 css 대해 아는 바가 없어서 간단히 번역 내용만 쓸께요.

워프 포스트에서 코드를 쓰려면, syntax highlighter 같은 플러그인이나 pre 태그를 쓰면 됩니다. 허나 문제는, 블로그의 포스트 폭이 짧거나 쓰고자 하는 코드가 너무 길면, 코드가 포스트란을 벗어나 사이드바에 까지 넘어간다는 것이 문제입니다. Tyler Longren이 이 문제를 이미 해결했는데, 그 방법은 아래의 코드를 stylesheet에 포함 시키면, 긴 줄의 코드도 감쌉니다.

[/quote]

Avatar of suineg11
suineg11
]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2736 <![CDATA[Reply To: word-wrap 에 관한 내용같은데 설명해 주실 분 있으신가요?]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2736 Tue, 03 Jul 2007 00:37:11 +0000 toorn 친절한 답변감사합니다. 헌데 위 설명대로 사타일시트에 붙여서 해봤는데 제대로 작동되지는 않는군요.

Avatar of toorn
toorn
]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2740 <![CDATA[Reply To: word-wrap 에 관한 내용같은데 설명해 주실 분 있으신가요?]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2740 Tue, 03 Jul 2007 00:37:11 +0000 toorn 친절한 답변감사합니다. 헌데 위 설명대로 사타일시트에 붙여서 해봤는데 제대로 작동되지는 않는군요.

Avatar of toorn
toorn
]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2737 <![CDATA[Reply To: word-wrap 에 관한 내용같은데 설명해 주실 분 있으신가요?]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2737 Thu, 05 Jul 2007 11:11:03 +0000 toorn suineg11 Escribi

Avatar of toorn
toorn
]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2741 <![CDATA[Reply To: word-wrap 에 관한 내용같은데 설명해 주실 분 있으신가요?]]> https://kopress.kr/topic/word-wrap-%ec%97%90-%ea%b4%80%ed%95%9c-%eb%82%b4%ec%9a%a9%ea%b0%99%ec%9d%80%eb%8d%b0-%ec%84%a4%eb%aa%85%ed%95%b4-%ec%a3%bc%ec%8b%a4-%eb%b6%84-%ec%9e%88%ec%9c%bc%ec%8b%a0%ea%b0%80%ec%9a%94/#post-2741 Thu, 05 Jul 2007 11:11:03 +0000 toorn suineg11 Escribi

Avatar of toorn
toorn
]]>