less than 1 minute read

#css #css3 #flex #float

css flex vs css float

  • flex
  • 너비(높이)에 대해서 늘이기 가능, 줄이기 가능, 고정 가능
  • 너비(높이)에 대해서 비율적 범위 가지기 가능
  • 세로(=높이) 기준으로 설정 가능
  • float로 되는 대부분의 기능이 가능

  • float
  • 너비(=가로)에 대해서만 설정 가능
  • %로 가변 너비 가능(줄이기만 한다던지, 늘리기만 한다던지는.. 불가.)
  • 너비 변환에 대한 가중치 불가.
  • 세로 기준으로 설정 불가.

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

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


🔗original-link

Updated: