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

home2 게시판 HTML/CSS 게시판 col 안에 있는 요소 수직으로 가운데 정렬 하는 법이 뭔가요?

col 안에 있는 요소 수직으로 가운데 정렬 하는 법이 뭔가요?

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

    김민재
    참가자

    <div class="col-2 col-md-2 order-md-1">
     <img~>
    </div>

     

    에서 이미지에 flex해서 justify content center도 안되고

    my-auto도 안되고 aligen-middle 도 안되고

     

    직접 마진이나 패딩주는 방법 밖에 안먹던데 그렇게 되면 div 박스 크기가 달라지는데

    div 박스 크기 내에서 가운데 정렬하려면 어떻게 해야되나요? 

    #24502

    codingapple
    키 마스터

    이미지를 감싸는 박스에 display : flex를 주고 높이도 좀 주면 

    align-items아니면 justify-content로 가운데정렬할 수 있을듯요 

    #24513

    김민재
    참가자

    display:flex 주면 종회비 안 맞고 찌그러지는 문제 있어서

    object-fit: contain 추가해서 해결했습니다

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

About

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

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

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