안녕하세요 게시판 관련 질문 드립니다. 채택완료
꿈의세계
8년 전
조회 968
http://lovesw.hhome.co.kr/bbs/board.php?bo_table=notice">http://lovesw.hhome.co.kr/bbs/board.php?bo_table=notice
현제 여기에 보시면 아래 쪽에 페이지 1 2 3 4 5 다음 맨끝
있는데요 이것을 가운대 정렬을 하고 페이지 숫자들이 아래로 나오는게 아니라 가로로 나오게 하려면 어디를 수정을 해야 하나요
float left 로 하는 것 같은데 잘 몰라서요
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
8년 전
</p><p>ul.pagination {</p><p> display: table;</p><p> margin: auto;</p><p>}</p><p>ul.pagination li {</p><p> display: table-cell;</p><p>}</p><p>ul.pagination li a {</p><p> display: block;</p><p> padding: 1.0em;</p><p>}</p><p>ul.pagination li a:hover {</p><p> background-color: #eee;</p><p>}</p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
꿈의세계
8년 전
댓글을 작성하려면 로그인이 필요합니다.
플라이
Expert
8년 전
</p><p>[기존]</p><p><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></p><p> </p><p>[게시판 기본]</p><p><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></p><p>
css 스타일이 기존 게시판 방식과 다른 부분이라 확인하셔서 위 방식으로 css를 적용해 보세요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
정말 감사 드립니다.