테스트 사이트 - 개발 중인 베타 버전입니다

게시판 중앙정렬 채택완료

하이그레 4년 전 조회 6,819

이번에 그누보드 설치하고 기본스킨으로

게시판 만들었는데요

 

게시판 비율을 줄이니

남은여백이 우측에 나오네요.,

즉, 좌측정렬이 됩니다.

 

ex.http://wivbbs.iwinv.net/gn/bbs/board.php?bo_table=free&wr_id=1

 

글 검색해서 해봤는데 안먹히거나

쓴 글 까지 중앙정렬..

 

게시판만 중앙정렬 방법 부탁드립니다

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
d
4년 전

이렇게 나오길 원하시는거면 #bo_v width 값만 줄이시면 됩니다.

현재 margin :0 auto 20px;

들어가있어어 중앙정렬 돼있습니다.

 

하단에 리스트 부분 중앙정렬은 

#bo_list 에 margin:0 auto;

주시면 됩니다.

block 속성의 태그들은 좌우 가운데 정렬시 margin의 좌우 값을 auto로 주시면 중앙정렬 됩니당

로그인 후 평가할 수 있습니다

답변에 대한 댓글 5개

하이그레
4년 전
저는 중앙정렬이 안되네요..그방법했는데..
d
dev2lgb
4년 전
지금 링크 주신 사이트 들어가봤는데, 전체 게시판은 중앙정렬 돼있는 상태에요~
글이 짧아서 왼쪽으로 치우쳐 보일 뿐입니다.
하이그레
4년 전
그래요? 저는 좌측에 딱붙어있고 공백은 우측만 나와요
d
dev2lgb
4년 전
캐시때문일까요..?..
저는 크롬 익스 다 제가 위에 캡쳐한대로 보이네요
캐시삭제하고 확인한번 해보세요!
하이그레
4년 전
그렇다면 다행이네요. 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

dadf
4년 전

게시판 위의 클래스에서 text-align:center를 사용하시거나, display:flex; justify-contents:center; 를 이용해보세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

<div id="bo_list">

내용

</div>

이 부분 전체를 center로 감싸주시면 css 없이 해결

<center>

<div id="bo_list">

내용

</div>

</center>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

하이그레
4년 전
게시판설정에 넣는거죠?

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
4년 전

게시판 스타일 파일 하단에 아래 코드 추가

 

#bo_list {

  margin:0 auto;

}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

하이그레
4년 전
했는데 안됩니다ㅜ
s
sinbi
4년 전
아래 좌표글 참고해 직접 수정해보세요.

수정했는데 반영 안 될 때 조치사항
https://homzzang.com/b/css-248

수정할 대상 찾기
https://homzzang.com/b/css-251

요소 가운데 정렬
https://homzzang.com/b/css-282

그외 정렬 관련 속성
https://homzzang.com/b/css-256

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인