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:2 #hdd #hardware
공대여자
공대여자
공대여자
공대여자
tag:3 #ui #css #ruler
공대여자
공대여자