빠르게 성장하는 개발자

  • 홈
  • 태그
  • 방명록

layout 1

[CSS] 7. Flex 정복하기

1 2 3 2️⃣ flex-directionitem이 정렬될 축을 설정하는 것default : flex-direction:row; 반면, flex-direction:column; 을 적용하게 되면 세로축을 기준으로 item이 정렬된다.flex-direction : column; 을 적용한 것과, 그냥 item을 세로로 배치한 것은 무슨 차이가 있을까?.container에 height속성을 주면 그 차이를 알 수 있다..container{ display: flex; flex-direction: column; background-color: dodgerblue; height: 500px; }flex-direction 속성에는 row, row-reverse, column, column-reverse가 있다.3..

Html + CSS 2022.12.15
이전
1
다음
더보기
프로필사진

빠르게 성장하는 개발자

꾸준하게, 빠르게 성장하는 개발자 뭄뭄의 기록입니다.

  • 분류 전체보기 (174)
    • SSAFY (10)
      • 준비부터 합격까지 (5)
      • SSAFYcial (5)
    • Python (11)
    • Algorithm (38)
      • SWEA (4)
      • BOJ (14)
      • APS (20)
    • Django (32)
    • SQL (4)
    • FE (4)
    • Html + CSS (12)
    • Javascript (21)
    • Vue (21)
    • React (17)
      • React Three Fiber (6)
      • 회원관리 (3)
      • gsap (1)
      • 다시 시작하는 React (0)
    • Study (0)
      • 면접 대비 (0)

Tag

Algorithm, JavaScript, 싸피, 프로그래밍, APS, CSS, 쟝고, Vue, django, Python, 사피, 코딩, 파이썬, react, JS, 리액트, 알고리즘, 프론트엔드, SSAFY, 프레임워크,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바