Hello_coding

  • 홈
  • 태그
  • 방명록
  • front-end

flex 1

[css] Flex란?

🚀 flex ? 컨텐츠를 정렬하거나 공간을 나눌 수 있는 css 속성의 집합 (옛날에는 전설의 테이블 코딩으로 레이아웃을 잡았었다고 한다 . . . !? flex를 배우는 나 행복하다 . . .) 특징 - flex는 가로방향으로 배치된다. - inline요소처럼 자신이 가진 내용물의 width만큼 차지한다. - flex로 배치시 height가 컨테이너 높이만큼 알아서 늘어난다. 🥸 flex-direction - 메인축의 정렬 방향을 결정한다. (이 메인축의 정렬방법에 따라 justify-content와 align-item의 정렬축도 결정된다! ) 1) row로 설정한다면 가로(행)로 배치가 된다. .container { display: flex; flex-direction : row; } 2) colum..

FE/HTML,CSS 2022.04.13
이전
1
다음
더보기
프로필사진

Hello_coding

  • 분류 전체보기
    • FE
      • JavaScript
      • HTML,CSS
      • REACT
      • Redux
      • TypeScript
      • Pattern
    • BE
      • HTTP
      • Node
      • AWS
    • 개발자가 꼭 알아야할 지식
    • 코딩테스트
      • 프로그래머스
    • 멋쟁이사자처럼
    • 독서
    • Git , Github
    • FE필수개념
    • 에러해결하기

Tag

코딩테스트, 프론트엔드스쿨, spa, 멋쟁이사자처럼, node.js, useEffect, 리덕스, 자바스크립트, 프론트엔드, CSS, TypeScript, 프로그래머스, 리액트, react, 프론트엔드스쿨2기, http, JS, HTML, TpyeScript, 리덕스툴킷,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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.

티스토리툴바