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

home2 게시판 HTML/CSS 게시판 flex 질문이요

flex 질문이요

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #18166

    강인웅
    참가자

    div 내의 자식 요소들을 flex로 놓고

    flex-direction 속성을 column으로 놓았을 때

    자식 요소들의 컨텐츠를 가로축으로 가운데 정렬하고 싶으면 

    align-items:center를 해줘야 하더라구요 justify-content:center가 아니라요

    align-items가 세로축 정렬 justify-content가 가로축 정렬이라고 알고 있는데

    flex-direction속성을 column으로 놓았을 때는 왜 align-items 속성을 이용하여 가운데 정렬을 해줘야 하는지 궁금합니다

    #18176

    codingapple
    키 마스터

    display : flex를 주면 메인축이라는게 숨겨져 있는데 메인축은 기본적으로 가로선입니다

    flex-direction을 column으로 주면 메인축은 세로선이 됩니다

    justify content는 메인축을 기준으로 가로정렬 해주는 속성입니다

     

    #18202

    강인웅
    참가자

    그럼 flex-direction을 column으로 주면 메인축은 세로선이 되니깐

    align-items:center를 해줘야 세로선 기준으로 가운데 온다고 알고 있으면 될까요?

    #18208

    codingapple
    키 마스터

    넴 

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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