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

home2 게시판 HTML/CSS 게시판 편리한 flexbox 에서 숙제하던 중 "글자 먹힘" 현상

편리한 flexbox 에서 숙제하던 중 "글자 먹힘" 현상

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

    Eun-Gil Cho
    참가자

    전체화면에서는 아무 이상없지만, 화면을 일정 크기 이상으로 줄이면, Products Sevices에서 Sevices가 사라져버립니다;;

     

    왜 이런 현상이 발생하나요?? 그리고 어떻게 고칠 수 있을 까요??

     

    질문에 대한 코드 링크입니다.

     

    https://codepen.io/uscgil0127/pen/BaJpEaP

     

    - 전체 화면에서의 모습

     

    - 화면을 줄였을 때, 모습  => services가 집 나가서, 돌아오지를 않습니다.

    #30368

    codingapple
    키 마스터

    line-height를 없애봅시다

    화면축소하면 글자가 공간이 없어서 밑으로 밀려내려가는듯요 

    #30377

    Eun-Gil Cho
    참가자

    line-height를 없애니까, 문제가 해결됐어요~~

    근데, line-height를 안 쓰면, 세로로 가운데 정렬이 안 되는데... 이 문제는 어떻게 해결해야 하나요?? 

    #30397

    codingapple
    키 마스터

    부모박스에 align-items 아니면 justify-content 를 씁시다 

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 호 / 개인정보관리자 : 박종흠