코딩코딩

  • 홈
  • 태그
  • 방명록

flex-box 1

[CSS] flex box

Flex box container 속성 (박스) 사용하기 .container{ background: beige; height: 100vh; display: flex; /*flexbox 설정*/ flex-direction: row; /*방향*/ /*row(기본값) : 왼쪽에서 오른쪽 (수평) row-reverse : 오른쪽에서 왼쪽 column : 위에서 아래 (수직) column-reverse: 아래에서 위 */ flex-wrap: nowrap; /*아이템이 많아질때 줄바꿈의 유무*/ /*nowrap(기본값) : 아이템이 한줄에 유지 wrap: 한줄이 차면 다음 라인으로 내려감 wrap-reverse: 밑에서 위로 랩핑됨*/ /* flex-flow: column nowrap; direction, wrap..

WEB 2021.07.18
이전
1
다음
프로필사진

코딩코딩

  • 분류 전체보기 (10)
    • 후기 (3)
    • 알고리즘(Python) (2)
    • WEB (5)

Tag

공간복잡도, tag, responsive, 네이버, 레이아웃, 파이썬, 챌린지 후기, 부스트캠프, flex-box, 반응형, 합격, 파이썬 라이브러리, 후기, 자소서, 코딩테스트, HTML, 파이썬 함수, CSS, 시간복잡도, Python,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

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

  • github

티스토리툴바

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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