UserDonghu's Note

  • 홈
  • 태그
  • 방명록

Flex 1

CSS(9) flex

flex - container에 사용하는 속성 자식 요소들이 컨테이너 안 공간을 맞추기 위해서 크기를 키우거나 줄이는 방법 부모 요소를 flex-container, 자식 요소를 flex-item 이라고 부름 1차원적 레이아웃(x축, y축)을 위해 주로 사용 flex-direction 컨테이너 내 아이템을 배치할 때 주축 및 방향을 지정 row : 기본값. 왼쪽에서 오른쪽 (주축이 행 방향 가로) column : 위에서 아래 방향 (주축이 열 방향 세로) row-reverse : 오른쪽에서 왼쪽 column-reverse : 아래에서 위 justify-content 주축을 기준으로 배열의 위치를 조절하거나 아이템 간격 설정 flex-start : 컨테이너 시작쪽으로 정렬 flex-end : 컨테이너 끝쪽으..

HTML&CSS/CSS 2023.08.21
이전
1
다음
더보기
프로필사진

UserDonghu's Note

락스타가 되고싶다

  • 전체보기 (102)
    • HTML&CSS (16)
      • HTML (6)
      • CSS (10)
    • JS (16)
    • Python (22)
    • Algorithm&CodingTest (4)
      • Algorithm (4)
      • CodingTest (0)
    • Django (20)
      • DRF (6)
    • FastAPI (1)
    • HTTP (0)
    • SQL (1)
    • ERD (0)
    • AWS (2)
    • Git (2)
    • 기타 (4)
      • VSC (3)
    • 나의 일상 (8)

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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
https://github.com/UserDongHu

티스토리툴바