에디터에서 쓴글의 행간 조정법 정보
에디터에서 쓴글의 행간 조정법본문
안녕하세요... 하다가 도저히 잘 안되서 문의드립니다.
에디터에서 글을 쓰고 글자의 크기를 조정한다음에
보기를 하면 css에서 아무것도 없을때..
1번과 같은 첨부파일 이미지 처럼 보여집니다.
그런데 1번 이미지는 행간의 간격이 너무 붙어서 보입니다...
그래서 간격 행간 조절을 위해서
#writeContents {line-height:200%;}
이렇게 스타일을 넣어서 보기를 하면 2번과 같이..
글자들의 붙어서 보여집니다.
line-height를 사용하는것은 같은 글자 크기들을 사용할때는 아주 잘 사용되어지는데
그누보드 에디터에서 글을 쓰고 폰트를 마구 변경한 다음에는 line-height가
글자 폰트를 넘어서는것 같습니다.
1번 이미지처럼 보여지면서 행간이 조금만 더 넓어졌으면 하는데..
어떻게 수정해야될까죠..
참고로...그누보드 에디터를 사용한 샘플 html를 올립니다. (상단 이미지에 해당하는 html)
<span id="writeContents">
<DIV>테스트중입니다.</DIV>
<DIV><FONT size=7>테스트중입니다.</FONT></DIV>
<DIV><FONT size=6>테스트중입니다.</FONT></DIV>
<DIV>테스트중입니다.</DIV>
<DIV>테스트중입니다.</DIV>
<DIV>테스트중입니다.</DIV>
<DIV>테스트중입니다.</DIV></span>
에디터에서 글을 쓰고 글자의 크기를 조정한다음에
보기를 하면 css에서 아무것도 없을때..
1번과 같은 첨부파일 이미지 처럼 보여집니다.
그런데 1번 이미지는 행간의 간격이 너무 붙어서 보입니다...
그래서 간격 행간 조절을 위해서
#writeContents {line-height:200%;}
이렇게 스타일을 넣어서 보기를 하면 2번과 같이..
글자들의 붙어서 보여집니다.
line-height를 사용하는것은 같은 글자 크기들을 사용할때는 아주 잘 사용되어지는데
그누보드 에디터에서 글을 쓰고 폰트를 마구 변경한 다음에는 line-height가
글자 폰트를 넘어서는것 같습니다.
1번 이미지처럼 보여지면서 행간이 조금만 더 넓어졌으면 하는데..
어떻게 수정해야될까죠..
참고로...그누보드 에디터를 사용한 샘플 html를 올립니다. (상단 이미지에 해당하는 html)
<span id="writeContents">
<DIV>테스트중입니다.</DIV>
<DIV><FONT size=7>테스트중입니다.</FONT></DIV>
<DIV><FONT size=6>테스트중입니다.</FONT></DIV>
<DIV>테스트중입니다.</DIV>
<DIV>테스트중입니다.</DIV>
<DIV>테스트중입니다.</DIV>
<DIV>테스트중입니다.</DIV></span>
댓글 전체

위지윅에디터 에서 지원해주는 부분의 js 코드를 보셔야 합니다.
감사합니다.