css flex vs css float
#css #css3 #flex #float
css flex vs css float
- flex
- 너비(높이)에 대해서 늘이기 가능, 줄이기 가능, 고정 가능
- 너비(높이)에 대해서 비율적 범위 가지기 가능
- 세로(=높이) 기준으로 설정 가능
-
float로 되는 대부분의 기능이 가능
- float
- 너비(=가로)에 대해서만 설정 가능
- %로 가변 너비 가능(줄이기만 한다던지, 늘리기만 한다던지는.. 불가.)
- 너비 변환에 대한 가중치 불가.
- 세로 기준으로 설정 불가.
현재 최신 브라우저에서 UI구성한다면 flex 를 쓰는 것이 더 좋다.
flex와 float 둘 다 기본은 1차원 배열이다. 2차원 배열로 하고 싶다면 grid 를 사용해보라.