css flex vs css float

#css #css3 #flex #float

css flex vs css float

  • flex
    • 너비(높이)에 대해서 늘이기 가능, 줄이기 가능, 고정 가능
    • 너비(높이)에 대해서 비율적 범위 가지기 가능
    • 세로(=높이) 기준으로 설정 가능
    • float로 되는 대부분의 기능이 가능
  • float
    • 너비(=가로)에 대해서만 설정 가능
    • %로 가변 너비 가능(줄이기만 한다던지, 늘리기만 한다던지는.. 불가.)
    • 너비 변환에 대한 가중치 불가.
    • 세로 기준으로 설정 불가.

현재 최신 브라우저에서 UI구성한다면 flex 를 쓰는 것이 더 좋다.

flex와 float 둘 다 기본은 1차원 배열이다.
2차원 배열로 하고 싶다면 grid 를 사용해보라.

댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
3.31
4.1
4.2
4.3
4.4
4.5
4.6
4.7
4.8
4.10
4.11
4.12
4.13
4.14
4.15
4.16
4.18
4.19
4.20
4.21
4.22
4.23
4.24
4.25
4.26
4.27
4.28
4.29
4.30
5.1
5.2
5.3
5.4