우드의개발개발

  • 홈
  • 태그
  • 방명록

Order 1

order

.box:nth-child(3) { background-color: blueviolet; order: 2; } .box:nth-child(6) { background-color: aqua; order: -1; } 부모 컨테이너 안 18개의 자식 요소가 있을 때 오름차순으로 각 상자에 번호를 매겼다. 컨테이너 안의 특정 자식 요소에 순서를 지정할 수 있는데 그 때 사용하는 속성이 order이다. 위의 그림은 6번째 박스에 order:-1을 부여하였고 3번째 박스에 order:2를 부여하였다. 기본적으로 컨테이너 안의 자식 box의 순서는 0이고 번호가 낮을수록 우선순위가 높다.

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)
      • 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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

  • my-credly

티스토리툴바