박스 레이아웃 항상 중앙에 설정 하기

블로그 포스팅 발행 후 제대로 적용이 되는지 한번 점검을 하게 됩니다.

그런데 자신의 의도 와는 다르게 아티클 보드가 옆쪽으로 돌아가 한쪽 편의 글들이 짤려서 보이는 경우가 가끔 있습니다.

어쩌다 야심 차게 도표를 정리 해 올렸는데 한쪽으로 치우쳐 보이는 경우 내용 확인이 가능 하다고 해도 신경이 많이 쓰이고  찜찜 하게 느껴 지게 됩니다.

이럴때 태그 하나로 간단 하게 해결 할수가 있습니다.

바로 외부와의 간격을 조정해 주는 margin 태그 입니다.

margin-left:auto;

  margin-right:auto; }

위 처럼 이렇게 커스팀 마이징 해주면 됩니다.

만약 발행한 블로그의 모든 콘텐츠가 똑같이 한방향으로 치우 쳤다면

블로그 관리자 스킨 편집을 찿아 들어가 css스타일 시트 에서 body부에 위 속성과 값을 추가 해주면 됩니다.

 어떠러한 한 코텐츠의 문제라면 글쓰기 수정으로 들어가 에디터에서 HTML로 체크 후 상단부에 

<style>

body{

    margin-left:auto;

     margin-right:auto;

  }

</style>

이렇게 스타일 선언을 해 주면 됩니다.

에디트에는 기본적으로 상대적 위치(relative)가 깔려 있어

왼쪽 상단이 기준이 되기 때문 입니다.

만약 어떠러한 특정 도표나 이미지 박스 만 그렇다면

HTML 쓰기로 전환후 문제의 도표나 박스의 태그를 찿아 위의 속성을 추가 해주면 됩니다.

만약 어떠러한 도움이 되었다면 정중히 추천 부탁 드리겠습니다.

감사 합니다.