• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Spring 게시판 페이지로 이동하기 숙제

페이지로 이동하기 숙제

  • 이 주제에는 4개 답변, 2명 참여가 있으며 황승현9 월 전에 전에 마지막으로 업데이트했습니다.
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #130906

    황승현
    참가자
    타임리프 반복문으로 페이지 이동 버튼 만들려고 합니다. 페이지 개수는 result.getTotalPages()로 전송하면 될거 같은데  th:each에 Integer 변수를 어떻게 쓰나요?
    #130916

    codingapple
    키 마스터
    th:each="i : ${#numbers.sequence(1,3)}" 이러면 1부터 3까지 반복가능할걸요
    #130932

    황승현
    참가자
    <a style="color:black; text-decoration:none; margin:10px;"
       th:each="i: ${#numbers.sequence(1, pages)}"
       th:href="@{'/list/page/' + ${i}}"
       th:text="${i}">
    </a>
    
    요렇게 만들어서 페이지 링크를 반복문으로 만들었습니다. 그런데 페이지 링크가 왼쪽에 붙어있는데 화면 가운데에 놓고 싶습니다. style 속성에 어떻게 적어야 하나요?
    #130934

    codingapple
    키 마스터
    display:flex 안에 넣거나 display: block; margin:auto; width: 적절하게; 주면 가운데정렬됩니다
    #130943

    황승현
    참가자
    a 태그를 div 박스로 감싼 후 div 박스에 style="text-align:center"를 주니까 화면 가운데 정렬 됬습니다.
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠