본문 바로가기 메뉴 바로가기

빠르게 성장하는 개발자

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

빠르게 성장하는 개발자

검색하기 폼
  • 분류 전체보기 (189)
    • SSAFY (14)
      • 준비부터 합격까지 (5)
      • SSAFYcial (5)
    • Python (12)
    • Algorithm (41)
      • SWEA (4)
      • BOJ (16)
      • APS (21)
    • Django (34)
    • SQL (4)
    • FE (4)
    • Html + CSS (12)
    • Javascript (23)
    • Vue (21)
    • React (20)
      • React Three Fiber (6)
      • 회원관리 (3)
      • gsap (3)
    • Study (0)
      • 면접 대비 (0)
  • 방명록

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. 17:00
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 프론트엔드
  • 프레임워크
  • 비전공자
  • 개발자
  • django
  • 쟝고
  • react
  • Algorithm
  • JS
  • three.js
  • Vue
  • React Three Fiber
  • JavaScript
  • BOJ
  • 사피
  • APS
  • 알고리즘
  • 완전탐색
  • SSAFY
  • 코딩
  • React drei
  • 프로그래밍
  • 리액트
  • RDB
  • Python
  • 싸피
  • frontend
  • 파이썬
  • CSS
  • 백준
more
«   2025/06   »
일 월 화 수 목 금 토
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
글 보관함

Designed by Tistory / Modified by 택대리
  • 분류 전체보기 (189)
    • SSAFY (14)
      • 준비부터 합격까지 (5)
      • SSAFYcial (5)
    • Python (12)
    • Algorithm (41)
      • SWEA (4)
      • BOJ (16)
      • APS (21)
    • Django (34)
    • SQL (4)
    • FE (4)
    • Html + CSS (12)
    • Javascript (23)
    • Vue (21)
    • React (20)
      • React Three Fiber (6)
      • 회원관리 (3)
      • gsap (3)
    • Study (0)
      • 면접 대비 (0)
  • 방명록

티스토리툴바