안녕하세요 게시판 관련 질문 드립니다.
본문
http://lovesw.hhome.co.kr/bbs/board.php?bo_table=notice
현제 여기에 보시면 아래 쪽에 페이지 1 2 3 4 5 다음 맨끝
있는데요 이것을 가운대 정렬을 하고 페이지 숫자들이 아래로 나오는게 아니라 가로로 나오게 하려면 어디를 수정을 해야 하나요
float left 로 하는 것 같은데 잘 몰라서요
답변 2
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;
}
[기존]
<ul class="pagination mt-none"><li class="active"><a href="#">1</a></li>
<li><a href="./board.php?bo_table=notice&page=2">2</a></li>
<li><a href="./board.php?bo_table=notice&page=3">3</a></li>
<li><a href="./board.php?bo_table=notice&page=4">4</a></li>
<li><a href="./board.php?bo_table=notice&page=5">5</a></li>
<li><a href="./board.php?bo_table=notice&page=6">6</a></li>
<li><a href="./board.php?bo_table=notice&page=7">7</a></li>
<li><a href="./board.php?bo_table=notice&page=8">8</a></li>
<li><a href="./board.php?bo_table=notice&page=9">9</a></li>
<li><a href="./board.php?bo_table=notice&page=10">10</a></li>
<li><a href="./board.php?bo_table=notice&page=11">다음</a></li>
<li><a href="./board.php?bo_table=notice&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를 적용해 보세요
!-->
답변을 작성하시기 전에 로그인 해주세요.