코드사냥꾼의 전리품

    2021/07/27 1

    [CSS] 정렬, 이제는 Flex(Flexible Box)를 사용하자

    CSS3 Flexible Box Flex는 요소의 크기가 불분명하거나 동적인 경우에도, 각 요소를 정렬할 수 있는 효율적인 방법을 제공합니다. 우선 Flex는 2개의 개념으로 나뉩니다. 첫 번째는 Container 두 번째는 Items 입니다. 위에서 살펴본 바와 같이 Container는 Items를 감싸는 부모 요소이며, 각 Item을 정렬하기 위해선 Container가 필수입니다. 주의할 부분은 Container와 Items에 적용하는 속성이 구분되어 있다는 것입니다. Container에는 display, flex-flow, justify-content 등의 속성을 사용할 수 있으며, Items에는 order, flex, align-self 등의 속성을 사용할 수 있습니다. Flex Container..

    CSS 2021.07.27
    1
    더보기
    프로필사진

    깃허브에서도 TIL 작성 진행중😎 https://github.com/bxxmi

    • 전체보기
      • 개발회고📚
      • Node.js
      • Java
      • 코딩테스트
      • Javascript
      • CSS
      • React
      • TREND
      • JDBC
      • JSP
      • 기술면접대비
      • ETC

    Tag

    JavaScript, KH정보교육원, 코드사냥꾼, 신기술동향, 코테, 이것이자바다, IT Knowledge, 백준, 개발자, Java, 백엔드, 자바스크립트, 국비지원교육, 코딩테스트, 백준알고리즘, IT Trend, reactjs, 리액트, 프론트엔드, react,

    최근글과 인기글

    • 최근글
    • 인기글

    최근댓글

    공지사항

    페이스북 트위터 플러그인

    • Facebook
    • Twitter

    Archives

    Calendar

    «   2021/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.

    티스토리툴바