본문 바로가기

정골라코딩

검색하기
정골라코딩
프로필사진 정골라

  • 분류 전체보기 (57)
    • JavaScript (26)
      • 연습문제 (12)
    • HTML (1)
    • CSS (1)
    • 프로젝트 (0)
    • React (18)
    • TypeScript (2)
    • Git (6)
    • Python (1)
    • 기술면접 (1)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   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
Tags
  • 얕은복사
  • 깊은복사
  • JavaScript
  • 라이브러리
  • 인라인
  • typescript
  • 리액트
  • 블록
  • 프레임워크
  • HTML
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록CSS (1)

정골라코딩

[CSS] flexbox에 대하여

FlexBox란? : 일명 flexbox라 불리는 Flexible Box module은 flexbox 인터페이스 내의 아이템 간 공간 배분과 강력한 정렬 기능을 제공하기 위한 1차원 레이아웃 모델 로 설계되었다. flexbox의 두 개의 축 row row-reverse column column-reverse row 혹은 row-reverse를 선택하면 주축은 인라인 방향으로 행을 따른다. column 혹은 column-reverse 을 선택하면 주축은 페이지 상단에서 하단으로 블록 방향을 따른다. 2. flex-wrap을 이용한 복수 행 flex 컨테이너 지정 flexbox는 1차원 모델이지만 flex 항목이 여러 행에 나열되도록 할 수 있다. 그 경우 각 행이 새로운 flex 컨테이너라고 생각해야 한다..

CSS 2022. 7. 7. 10:46
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바