채택완료

게시판 중앙정렬

2021-09-09 (목) 08:37:39 7,438

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

게시판 만들었는데요

게시판 비율을 줄이니

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

즉, 좌측정렬이 됩니다.

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

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

쓴 글 까지 중앙정렬..

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

|

답변 4개 / 댓글 8개

채택된 답변
+20 포인트

thumb-1889929298_1631146450.7035_730x352.png

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

현재 margin :0 auto 20px;

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

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

#bo_list 에 margin:0 auto;

주시면 됩니다.

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

답변에 대한 댓글 5개

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

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

2021-09-09 (목) 09:15:42

<div id="bo_list">

내용

</div>

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

<center>

<div id="bo_list">

내용

</div>

</center>

답변에 대한 댓글 1개

게시판설정에 넣는거죠?

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

#bo_list {

  margin:0 auto;

}

답변에 대한 댓글 2개

했는데 안됩니다ㅜ
아래 좌표글 참고해 직접 수정해보세요.

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

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

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

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

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