방법 .1
우선 html입력에서 태그를 이용해 글을 작성할경우, 자유롭게 엔터를 이용해서 글을 작성한다.
이렇게 해서 바로 글을 올리면 엔터한 부분이 모두 표시되기 때문에, block레벨의 줄바꿈과 겹치게 되어 앞뒤로 빈공간이 너무 많아지게 된다.
그러므로 html입력 후 에디터 입력으로 탭을 바꾸어, 줄바꿈을 적당히 없애준다.
이 때 다시 html입력으로 바꾸어보면 모든 태그가 줄바꿈없이 다닥다닥 붙어있는것을 볼수있다.
방법 .2
이글루스 html입력화면에서 엔터를 치면 이것이 자동으로 br태그로 바뀌어 표시되기 때문에,
block level 태그를 이용해 글 작성을 할 경우, 빈 줄의 간격이 너무 넓어진다.
그렇다고 태그를 다닥다닥 붙여쓰면 작성시 보기가 힘들어진다.
그래서 이글루스에 자동줄바꿈을 끄는 방법을 문의해봤지만, 없다는 대답을 받은적이 있다.
자동 줄바꿈을 끄려면
html입력화면 가장 앞에 아래의 코드를 입력해준다.
<style type="text/css">.post_content br{ display:none}br#break {display:block;}</style>
하지만 되도록이면 스킨 css에서 태그자체에 여백을 주도록 하는 것이 좋다.
예를 들면, p태그나 h1태그같은 block element는 원래 margin이 설정되있으므로 이것을 없애고, 아래부분에만 여백을 직접설정해준다.
.post_content p {margin:0;margin-bottom:1em;}
위는 크롬에서 확인한 내용입니다.
덧글