게시판에 글쓸때 띄워쓰기가 한칸밖에 안되요..

philossh의 이미지

글쓸때 스페이스를 여러번 쳐서 띄워써도..
미리보기해보면 한칸밖에 안띄워지는데..
글쓴데로 보이게 하는방법 없나요??
<pre></pre> [pre][/pre] 이런건 안되네요. --;
&nbsp 이런것도.. --;

File attachments: 
첨부파일 크기
Image icon emsp-breaks.png6.93 KB
Image icon emsp-winxp.png77.26 KB
Image icon gentoo-undotum.png258.11 KB
raymundo의 이미지

그래서 code 태그가 있지요.

 한 칸
  두  칸
   세   칸
    &nbsp;

&nbsp;는 그냥 써도 잘 되는데요?

좋은 하루 되세요!

차리서의 이미지

제가 잘못 알고있는게 아니라면 &nbsp; (&#160;) 문자는 non-breaking space, 즉, 줄바꿈이 일어나지 않는 공백입니다. 공백으로 연결된 것처럼 보이는 문자열이 줄 끝에서 줄바꿈에 의해 공백을 기준으로 갈라지지 말아야할 경우에, 이들이 한덩어리로 뭉쳐다니도록 만드는 데에 쓰입니다. 예를 들어, Haskell Brooks Curry라는 이름을 ‘H. B. Curry’라고 쓰는 경우나 인라인 수식 ‘3 + 5 = 8’ 따위를 쓰는 경우에 일반적인 공백문자 대신 &nbsp;를 사용하면 (이를 무시하고 줄바꿈이 일어나게끔 만드는 더 강력한 명령이 있지 않는 한) 이 문자를 기준으로 줄바꿈이 일어나지 않게됩니다. 따라서, 단지 간격을 벌리기 위해서 이 문자를 사용하는 것은 잘못이라고 알고있습니다.

비록 한글 문장부호 규정에 꼭 맞지는 않지만, 일반적인 문장 사이 (마침표부터 다음 문장의 첫 글짜까지) 간격은 그냥 브라우저가 뿌려주는 대로 받아들이시는게 어떨까 싶습니다. 혹은, CSS 표준에 혹시 french spacing에 관한 명세가 들어있는지 확인해보시는 것도 좋겠습니다. CSS에 명세되어 있더라도 당장 게시판에 써먹기는 힘들겠지만, 그대로 가장 표준적이고 의미상 옳바른 방법이라는 점에서 추천해드립니다.

CSS를 써서 해결할 수 있는 조금 다른 상황이 바로 들여쓰기입니다. 아직도 적지 않은 곳에서 문단 첫 줄의 들여쓰기를 여러개의 non-breaking space들로 처리하고 있는데, 이것도 역시 잘못된 사용법입니다. 다행스럽게도 CSS에는 정확하게 들여쓰기를 나타내는 text-indent라는 속성이 마련되어있고, 근래에 사용되고있는 대부분의 브라우저가 올바르게 해석하고 보여준다고 알고있습니다.

그래도 굳이 수동으로 공백 간격을 벌리고 싶으시다면 en space 문자 &ensp;(&#8194;)나 em space 문자 &emsp;(&#8195;)를 써서 비슷한 효과를 보실 수 있을 것 같습니다. (참고로 en space보다 em space가 조금 더 넓습니다.) 솔직히 말씀드리자면, 이들 en space와 em space의 정확한 의미는 저도 모릅니다만, 일단 non-breaking space의 경우처럼 ‘명백히 잘못된 사용법’이라고 알려져있지는 않습니다. 게다가, 만일 이들이 제가 상상하고있는 그 문자들이 맞다면, 이 문자들은 그 너비만을 제외하고 나머지 모든 속성들이 일반적인 space와 똑같을 것입니다. 예를 들어,

  • 통상적인 line-breaking 환경, 즉, 영문자로 이루어진 문자열은 공백이 나타나야만 줄바꿈으로 끊어내는 환경에서 이 문자는 줄바꿈의 기준문자로 동작하고,
  • 양쪽 정렬된 (text-align: justify) 상황에서 이 문자를 기준으로 줄바꿈이 일어나면 윗줄 끝부분이 문단 우측 끝에 정렬되고 아랫줄 첫 부분이 문단 좌측 끝에 정렬되리라
기대하고 있습니다. [수정#1: 실험해보니 그렇지 않군요. :cry: 정렬시 공백으로 간주하지 않는 모양입니다.]

마지막으로 phpBB 게시판에서 이들 문자를 사용하는 방법을 알려드리겠습니다: 게시판마다 입력 문자열을 처리하고 저장하고 다시 뿌려주는 방식이 각각 다르며, phpBB는 입력 문자열 속의 모든 ‘&([a-z]+);’들을 일단 ‘&amp;\1;’로 치환한 후 보여주는 듯합니다. 따라서 phpBB에서는 이런 (X)HTML entity name을 사용하지 못하며, 대안으로서 각각의 entity에 해당하는 코드값을 직접 써주는 방법이 있습니다. 예를 들어,

  • textarea 입력: ‘…습니다.&emsp;따라서, …’ ⇒ 결과 화면: ‘…습니다.&emsp;따라서, …’
  • textarea 입력: ‘…습니다.&#8195;따라서, …’ ⇒ 결과 화면: ‘…습니다. 따라서, …’
와 같이 되므로 phpBB에서 em space를 쓰려면 &emsp; 대신 &#8195;를 써야합니다.

[수정 #2: phpBB에서 한 가지 주의하실 점은 (저도 방금 경험했습니다), 한 번 작성한 글을 수정하면 수정하는 화면에는 &#38; (&, 즉, &amp;) 문자가 해석되어버린다는 점입니다. 따라서 &#38;#8195; 와 같이 입력 코드를 보여주고자 했을 때에는 수정시 주의하셔야합니다. 물론 미리보기에서는 해석되지 않습니다.]

[/][/]

--
자본주의, 자유민주주의 사회에서는 결국 자유마저 돈으로 사야하나보다.
사줄테니 제발 팔기나 해다오. 아직 내가 "사겠다"고 말하는 동안에 말이다!

ㅡ,.ㅡ;;의 이미지

금방 생각났는데.. 한가지 편법적인 방법이 있습니다.

공백을 백그라운드 컬러와 동일한색으로 한글자(아무글자)를 쓰면됩니다.
단,욕금지..ㅋㅋ


----------------------------------------------------------------------------

랜덤여신의 이미지

차리서 wrote:
그래도 굳이 수동으로 공백 간격을 벌리고 싶으시다면 en space 문자 &ensp;( )나 em space 문자 &emsp;( )를 써서 비슷한 효과를 보실 수 있을 것 같습니다.

음... 요상하게도 제컴에서는 ' ' 문자가 깨져서 나오는군요 ㅠ.ㅠ
전형적인 리눅스 글자 깨질때의 문자가 나타나네요.

20
02

일반 공백 문자인가요?
우분투에서 MS 굴림 쓰고 있습니다.
댓글 첨부 파일: 
첨부파일 크기
Image icon 0바이트
차리서의 이미지

인클루드 wrote:
차리서 wrote:
그래도 굳이 수동으로 공백 간격을 벌리고 싶으시다면 en space 문자 &ensp;(&#8194;)나 em space 문자 &emsp;(&#8195;)를 써서 비슷한 효과를 보실 수 있을 것 같습니다.

음... 요상하게도 제컴에서는 ' ' 문자가 깨져서 나오는군요 ㅠ.ㅠ
전형적인 리눅스 글자 깨질때의 문자가 나타나네요.
20
02

일반 공백 문자인가요?
우분투에서 MS 굴림 쓰고 있습니다.

헉! 이 글자들이 그렇게 보이는 경우가 있었군요. 역시 이 글자들은 쓰지 말아야겠습니다. :?

평소에 제가 쓰고있는 두 가지 환경에서 아무 문제가 없길래, 성급히 일반화하여 대부분의 환경에서 잘 보이는줄 알았습니다. 젠투에서 은돋움을 쓰거나 MS Windows XP에서 굴림을 쓰면 아래 첨부한 스크린샷처럼 보였습니다.

댓글 첨부 파일: 
첨부파일 크기
Image icon 0바이트
Image icon 0바이트

--
자본주의, 자유민주주의 사회에서는 결국 자유마저 돈으로 사야하나보다.
사줄테니 제발 팔기나 해다오. 아직 내가 "사겠다"고 말하는 동안에 말이다!

puzzlet의 이미지

차리서 wrote:
제가 잘못 알고있는게 아니라면 &nbsp; ( ) 문자는 non-breaking space, 즉, 줄바꿈이 일어나지 않는 공백입니다.

그렇다면 혹시 HTML에서 우리말 낱말 사이에서 줄바꿈이 일어나지 않도록 할 수 있는 방법은 없나요?

Before:
ㅡㅡㅡㅡㅡㅡㅡ
철수네 아버지
가 방에 들어가
신다.

After:
ㅡㅡㅡㅡㅡㅡㅡ
철수네
아버지가 방에
들어가신다.

발발다빠따반반나다발딸발발다빠따따맣발발다뿌
멓터벅더떠벋떠벌더벌벌떠벌떠더법벍떠더벌벌떠

차리서의 이미지

puzzlet wrote:
차리서 wrote:
제가 잘못 알고있는게 아니라면 &nbsp; ( ) 문자는 non-breaking space, 즉, 줄바꿈이 일어나지 않는 공백입니다.

그렇다면 혹시 HTML에서 우리말 낱말 사이에서 줄바꿈이 일어나지 않도록 할 수 있는 방법은 없나요?

Before:
ㅡㅡㅡㅡㅡㅡㅡ
철수네 아버지
가 방에 들어가
신다.

After:
ㅡㅡㅡㅡㅡㅡㅡ
철수네
아버지가 방에
들어가신다.

CSS로 word-break: keep-all을 주시면 됩니다만, 이게 표준 속성인지 아닌지는 잘 모르겠습니다.

--
자본주의, 자유민주주의 사회에서는 결국 자유마저 돈으로 사야하나보다.
사줄테니 제발 팔기나 해다오. 아직 내가 "사겠다"고 말하는 동안에 말이다!

죠커의 이미지

차리서 wrote:
CSS로 word-break: keep-all을 주시면 됩니다만, 이게 표준 속성인지 아닌지는 잘 모르겠습니다.

css3라 일반적으로 지원되지는 않습니다.