우드의개발개발

  • 홈
  • 태그
  • 방명록

align-content 1

align-items vs align-content

align-items 가로 세로 200px 상자 18개를 한줄에 배치하려고 하였으나 flex-wrap에 wrap 속성을 주어서 상자 본연의 크기를 유지하기 위해 한 줄이 더생기고 상자 9개가 배치되었습니다. 이 때 부모 요소(컨테이너)에 align-items: center; 를 부여할 경우 y축으로 space-around에 대한 속성이 부여됩니다. align-content 가로 세로 200px 상자 18개를 한줄에 배치하려고 하였으나 flex-wrap에 wrap 속성을 주어서 상자 본연의 크기를 유지하기 위해 한 줄이 더생기고 상자 9개가 배치되었습니다. 이 때 부모 요소(컨테이너)에 align-content: center; 를 부여할 경우 y축으로 justify-content: center; 속성이 적..

Frontend/CSS Layout 2024.01.30
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (91)
    • Programming (9)
      • PYTHON (3)
      • JAVA (6)
    • FrameWork (0)
    • Network (12)
      • L3 (3)
      • L2 (3)
    • DevOps (31)
      • 그림으로 이해하는 가상화와 컨테이너 (5)
      • Kubernetes (16)
      • CI CD (2)
      • GitLab (1)
      • Kubernetes in Action (1)
      • GitOps (2)
    • AWS (1) N
      • AWS 아키텍처 설계기본 (6)
    • Design Pattern (4)
    • Algorithm (0)
    • DataStructure (2)
    • DataBase (11)
      • 그림으로 공부하는 오라클 구조 (10)
      • Tibero (1)
    • Frontend (8)
      • CSS Layout (8)
    • 데이터 분석 (1)
    • 프로젝트로 배우는 데이터사이언스 (3)
    • 통계 (1)
    • Linux (1)
      • Basic (1)

Tag

네트워크, URL, flex-flow, Linux, align-content, classname:nth-child(N), 백그라운드프로세스, 병렬처리, 서버프로세스, align-items, 응답, Order, ARP, 캐시 #공유메모리,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • my-credly

티스토리툴바