.ux { flex-grow:1; }
close
프로필 배경
프로필 로고

.ux { flex-grow:1; }

  • 분류 전체보기 (61)
    • UX 디자인 (10)
    • HTML&CSS (18)
    • JS (2)
    • 폰트 (11)
    • Tool&작업환경 (6)
    • 업무 Tip (7)
    • 제품리뷰 (5)
    • Box (0)
    • 내맘대로 포스팅 (1)
  • 홈
  • UX 디자인
  • HTML&CSS
  • JS
  • 폰트
  • Tool&작업환경
  • 업무 Tip
  • 제품리뷰
  • Box
  • 내맘대로 포스팅
  • 태그
[flexbox] 레이아웃을 잡을 때 사용하는 flex 속성

[flexbox] 레이아웃을 잡을 때 사용하는 flex 속성

Flexbox는 W3C에서 2009년 7월 첫 번째 초안을 발표했습니다. 이후 여러 차례 개정되어 2012년에 우리가 알고 있는 문법으로 업데이트되었습니다. 2015년 마지막 초안이 발표되었고, 이후로도 계속 업데이트했습니다. 무려 10년도 더 된 속성이지만 브라우저 호환성을 위해 오랜 기간 동안 사용하지 못했던 속성입니다. flexbox 개념이 도입되기 전까지 레이아웃을 잡기 위해서는 position과 float 속성을 사용해야만 했습니다. 그 속성도 정적인 레이아웃을 만들기에는 무난하게 사용이 가능하지만 사용이 제한적이고 비효율적인 코드를 작성해야 하는 단점이 있었습니다. 모바일이 활성화되면서부터는 개선된 코드가 절실히 필요했습니다.  Flexbox 기본 개념저의 블로그의 메뉴 디자인입니다. 가로로 ..

  • topic HTML&CSS
  • · 2024. 10. 7.
  • textsms
  • navigate_before
  • 1
  • navigate_next
notifications_none Notice
  • flexbox, 그는 누구인가!
article Category
  • 분류 전체보기 (61)
    • UX 디자인 (10)
    • HTML&CSS (18)
    • JS (2)
    • 폰트 (11)
    • Tool&작업환경 (6)
    • 업무 Tip (7)
    • 제품리뷰 (5)
    • Box (0)
    • 내맘대로 포스팅 (1)
tips_and_updates Recent Articles
grade Popular Articles
textsms Recent Comments
local_offer Tags
  • #UX 디자인
  • #사용자 경험
  • #UX디자인
  • #폰트
  • #애플
  • #선택자
  • #프리텐다드
  • #CSS
  • #UX디자이너
  • #웹폰트
trending_up Visitors
Today
Yesterday
Total
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바