문서페이지 여백?

Screenshot_2016-07-29-14-17-39.png

나무위키를 보면 양 옆 가로에 여백이 있습니다.


Screenshot_2016-07-29-14-19-44.png 근데 Xetown도 그렇고 제 사이트도 문서페이지에 여백이 없습니다.


여백을 넣고싶은데 어떻게해야할까요?

  • profile

    이미지가 아주 시원하게 크군요..^^;

    여백이라 하시면 양쪽부분에 비어있는 곳을 말하는것 맞으시죠.?

    여백을 주시려면 padding 또는 margin을 사용하시면 됩니다.

    나무위키에는 artcle태그에 padding으로 여백이 주어져 있습니다.

    xe에는 body나 content 클래스에 padding을 적용하여 주시면 될것 같습니다.

    기본적으로 바디나 컨텐츠 클래스에는 레이아웃에 적용되는 요소가 많기 때문에

    다소 틀어지는 경우도 있을 수 있습니다.

    body 아래에 다시 <div>엘리먼트를 추가하여 여백스타일을 넣으셔도 될것 같습니다.

    위 이미지는 모바일 이미지인것으로 보아 css에 미디어 커리에

    여백 스타일을 적용하여야 할것 같네요.

    레이아웃마다 다소 틀리겠지만 해당레이아웃의 css에서

    @media all and (max-width: 479px) { 이런 문구를 찾아서

    .content 부분을 찾으셔서 padding: 0 10px를 줘보시면 차이를 보실 수 있을것 같네요.

    개인의견이었습니다.