이전 목록 다음
채택완료

게시판 중앙정렬

하하이그레
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 08:37:39 7,464

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

게시판 만들었는데요

게시판 비율을 줄이니

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

즉, 좌측정렬이 됩니다.

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

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

쓴 글 까지 중앙정렬..

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

그누보드5
|

답변 4개 / 댓글 8개

채택된 답변
+20 포인트
ddev2lgb
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 09:16:50

thumb-1889929298_1631146450.7035_730x352.png

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

현재 margin :0 auto 20px;

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

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

#bo_list 에 margin:0 auto;

주시면 됩니다.

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

답변에 대한 댓글 5개

하이그레
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 09:47:53
저는 중앙정렬이 안되네요..그방법했는데..
dev2lgb
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 09:54:33
지금 링크 주신 사이트 들어가봤는데, 전체 게시판은 중앙정렬 돼있는 상태에요~
글이 짧아서 왼쪽으로 치우쳐 보일 뿐입니다.
하이그레
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 10:05:15
그래요? 저는 좌측에 딱붙어있고 공백은 우측만 나와요
dev2lgb
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 10:12:06
캐시때문일까요..?..
저는 크롬 익스 다 제가 위에 캡쳐한대로 보이네요
캐시삭제하고 확인한번 해보세요!
하이그레
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 10:44:14
그렇다면 다행이네요. 감사합니다.
dadf
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 15:32:02

게시판 위의 클래스에서 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개

하이그레
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 09:53:59
게시판설정에 넣는거죠?
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 09:12:47

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

#bo_list {

  margin:0 auto;

}

답변에 대한 댓글 2개

하이그레
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 09:54:11
했는데 안됩니다ㅜ
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-09-09 (목) 12:21:11
아래 좌표글 참고해 직접 수정해보세요.

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

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

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

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

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