lyuna's story

  • 홈
  • 태그
  • 방명록

CSS 2

Flex-wrap

flex-wrap- 요소들을 정렬하는 기능 flex-wrap:wrap;  flex-wrap 속성은 정렬된 요소들의 총 넓이가 부모 넓이보다 클 때, 이 요소들을 다음 줄에 이어서 정렬해주는 기능. 이 속성은 부모 요소에 display:flex;를 꼭 함께 써줘야 한다. flex-wrap 속성을 사용하지 않으면, 기본값인 flex-wrap:nowrap이 적용되어 정렬된 요소들의 넓이는 부모 넓이에 맞게  자동축소된다.  flex wrap을 적용하여 국가 api의 정보를 정렬

CSS 2024.06.27

z-index

더 큰 z-index값을 가진 요소가 작은 값의 요소 위를 덮는다 만약 z-index: 0; 값을 가진 박스가 있고,z-index: 3;값을 가진 박스가 겹쳐있다면z-index :3;값을 가진 박스가 z-index: 0;값을 가진 박스 위를 덮는다! 참고자료https://developer.mozilla.org/ko/docs/Web/CSS/z-index

CSS 2024.05.03
이전
1
다음
프로필사진

lyuna's story

  • 분류 전체보기 (91)
    • 내배캠 (5)
    • CSS (2)
    • JS (4)
    • HTML (1)
    • React (3)
    • React 공식문서 스터디 (23)
    • 코어자바스크립트 스터디 (9)
    • 알고리즘 (4)
    • 모던 리액트 Deep Dive 스터디 (24)
    • 모던 자바스크립트 Deep Dive 스터디 (0)

Tag

티스토리챌린지, 오블완, AWS, CloudFront, s3, 내배캠 부트캠프 부캠 과제, 잔디 기부, 리액트배포, 부캠 내배캠 부트캠프 과제, 잔디 기부 캠페인, 항해99,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

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

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.