채택완료

안녕하세요 게시판 관련 질문 드립니다.

2017-10-10 (화) 10:55:57 1,085

http://lovesw.hhome.co.kr/bbs/board.php?bo_table=notice

현제 여기에 보시면 아래 쪽에 페이지 1 2 3 4 5 다음 맨끝

있는데요 이것을 가운대 정렬을 하고 페이지 숫자들이 아래로 나오는게 아니라 가로로 나오게 하려면 어디를 수정을 해야 하나요

float left 로 하는 것 같은데 잘 몰라서요

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
Copy
ul.pagination {    display: table;    margin: auto;}ul.pagination li {    display: table-cell;}ul.pagination li a {    display: block;    padding: 1.0em;}ul.pagination li a:hover {    background-color: #eee;}

답변에 대한 댓글 1개

감사 드립니다. 덕분에 또 한가지 배우게 되었습니다.
정말 감사 드립니다.
Copy
[기존]<ul class="pagination mt-none"><li class="active"><a href="#">1</a></li><li><a href="./board.php?bo_table=notice&amp;page=2">2</a></li><li><a href="./board.php?bo_table=notice&amp;page=3">3</a></li><li><a href="./board.php?bo_table=notice&amp;page=4">4</a></li><li><a href="./board.php?bo_table=notice&amp;page=5">5</a></li><li><a href="./board.php?bo_table=notice&amp;page=6">6</a></li><li><a href="./board.php?bo_table=notice&amp;page=7">7</a></li><li><a href="./board.php?bo_table=notice&amp;page=8">8</a></li><li><a href="./board.php?bo_table=notice&amp;page=9">9</a></li><li><a href="./board.php?bo_table=notice&amp;page=10">10</a></li><li><a href="./board.php?bo_table=notice&amp;page=11">다음</a></li><li><a href="./board.php?bo_table=notice&amp;page=14">맨끝</a></li></ul> [게시판 기본]<div class="sir_pg_wrp">    <span class="sir_pg">        <nav class="pg_wrap"><span class="pg"><span class="sound_only">열린</span><strong class="pg_current">1</strong><span class="sound_only">페이지</span><a href="//sir.kr/request/p2" class="pg_page">2<span class="sound_only">페이지</span></a><a href="//sir.kr/request/p3" class="pg_page">3<span class="sound_only">페이지</span></a><a href="//sir.kr/request/p4" class="pg_page">4<span class="sound_only">페이지</span></a><a href="//sir.kr/request/p5" class="pg_page">5<span class="sound_only">페이지</span></a><a href="//sir.kr/request/p6" class="pg_page">6<span class="sound_only">페이지</span></a><a href="//sir.kr/request/p7" class="pg_page">7<span class="sound_only">페이지</span></a><a href="//sir.kr/request/p8" class="pg_page">8<span class="sound_only">페이지</span></a><a href="//sir.kr/request/p9" class="pg_page">9<span class="sound_only">페이지</span></a><a href="//sir.kr/request/p10" class="pg_page">10<span class="sound_only">페이지</span></a><a href="//sir.kr/request/p11" class="pg_page pg_next"><img src="//sir.kr/img/sub/next_btn1.jpg" alt="다음"></a><a href="//sir.kr/request/p383" class="pg_page pg_end"><img src="//sir.kr/img/sub/next_btn2.jpg" alt="맨끝"></a></span></nav>        </span></div>

css 스타일이 기존 게시판 방식과 다른 부분이라 확인하셔서 위 방식으로 css를 적용해 보세요

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