DEVELOPMENT RECORD

  • 홈
  • 태그
  • 방명록

Flex 1

[CSS] flex 아이템에 적용하는 속성

flex를 계속 사용해왔는데 자식요소의 크기 정하는 개념을 정확하게 이해하지 않은 상태에서 사용을 하니깐 비율 계산이 잘안됐다. flex 아이템에 적용하는 속성들 flex-basis (유연한 박스의 기본 영역) : flex 아이템의 기본 크기를 설정한다. - 각종 단위의 수가 들어간다. flex-grow (유연하게 늘리기) : flex-basis의 값보다 커질 수 있는지를 결정하는 속성이다. - flex-basis를 제외한 여백 부분을 flex-grow에 지정된 숫자의 비율로 나누어 가진다. flex-shrink (유연하게 줄이기) : flex-grow와 쌍을 이루는 속성, 아이템이 flex-basis의 값보다 작아질 수 있는지를 결정한다. 단축 속성

Development/CSS & SCSS 2021.12.28
이전
1
다음
더보기
프로필사진

DEVELOPMENT RECORD

꾸준히 공부하며 기록하는 개발을 위한 블로그 입니다. https://github.com/moretz0921

  • 분류 전체보기 (168)
    • Development (166)
      • Html (15)
      • CSS & SCSS (31)
      • React.js (120)
    • Development Environment (0)

Tag

라이브러리, 태그정리, 타입스크립트, npm, 자바스크립트, Level1, Git, 함수, DoM, javascript, 퍼블리셔, 객체, 프로그래머스, 리엑트, HTTP, VUE, 제이쿼리, react, moment.js, 알고리즘,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바