본문 바로가기 메뉴 바로가기

오물오물 개발일기

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

오물오물 개발일기

검색하기 폼
  • Category (79)
    • HTML (19)
    • CSS (18)
    • JavaScript (4)
    • React (16)
      • React + Node.js(Express) (7)
    • Vue (8)
    • 기타 (4)
    • 지식 (7)
    • 회고록 (3)
  • 방명록

flex (1)
💡 Flex box

Flex box - 요소들을 정렬하기 가장 편한 방법 - 정렬을 하기위한 요소의 부모요소에게 선언을 합니다. .flexbox { display : flex; /* flex | inline-flex */ } flex-direction - 가로, 세로 정렬 방향을 정하는 property - main-axis와 cross-axis의 방향이 따라 가게됩니다. - flex-direction : row -> 가로 방향으로 정렬 - flex-direction : row-reverse -> 가로 반대 방향으로 정렬 - flex-direction : column -> 세로 방향으로 정렬 - flex-direction : column-reverse -> 세로 반대 방향으로 정렬 .flexbox { display : fle..

CSS 2020. 11. 6. 14:16
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 생활코딩
  • 김버그
  • 드림코딩
  • 노마드코더
TAG
  • postman
  • 프론트엔드개발자
  • axios
  • inline
  • function
  • vue3
  • 개발자회고
  • 노드JS
  • vue
  • vue예제
  • 오물오물
  • CSS
  • baegofda
  • 공공데이터
  • 리액트
  • 프론트엔드회고
  • cssom
  • font-family
  • HTML
  • react
  • vue입문
  • 공공데이터포털
  • VanillaJS
  • 프론트엔드면접
  • CORS
  • nodejs
  • 프론트엔드
  • 생활코딩
  • INPUT
  • JavaScript
more
«   2026/02   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바