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}}
    -
제목 작성자 날짜
공대여자
공대여자
공대여자
tag:1 #ssl
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
공대여자
tag:2 #vue #bug
공대여자
tag:2 #firefox #flex
공대여자
공대여자
tag:2 #nodejs #chat
공대여자
tag:2 #free #game
공대여자
공대여자
공대여자