수다닷컴

게시판 페이징을 가운데 정렬하는 방법이 궁금해요

진달래 2025.04.15 댓글 6

게시판 아래쪽 가운데에 페이징을 두고, 오른쪽에는 버튼을 놓고 싶어요.
페이징을 가운데 정렬하려면 어떻게 코딩해야 할까요?
현재 HTML 구조는 아래와 같습니다.
<div id="pp">
<div id="pp01">
<ul id="paging">페이징 항목</ul>
</div>
<div id="pp02">엑셀 저장 버튼</div>
</div>

댓글 6

  • 딥와인 2025.04.15

    Jibro님 답변에 덧붙이면, 엑셀 버튼 요소를 ul 바로 아래에 넣거나 #pp에 position:relative를 지정해 보세요.
    그다음 #pp02에 position:absolute를 주고 top과 left 값을 조절하면 됩니다.

  • 소심한녀자 2025.04.15

    #pp01을 position:relative로 기준 삼고, 버튼인 #pp02에 position:absolute를 줘서 오른쪽에 붙이면 돼요.

  • 흰가람 2025.04.15

    네, 맞아요. 감사합니다^^

  • 크나 2025.04.15

    버튼이 페이징 바로 옆에서 오른쪽 정렬되길 원하시는 건가요?

  • 아잉형님 2025.04.15

    소스를 빼먹어서 글을 수정했어요.
    text-align을 줘도 안 되는데, 소스 보시고 다시 조언해 주시면 감사하겠습니다.

  • 김슬픔 2025.04.15

    태그 구조를 자세히 알 수 없어 확답하긴 어렵지만, 페이징을 감싼 요소에 CSS로 text-align:center를 적용해 보세요.
    잘 안 되면 width:100%도 추가해 보시면 좋겠습니다.