nana_log
Home
  • 분류 전체보기 (91)
    • Blog (85)
      • Markup (3)
      • CSS (17)
      • JavaScript (21)
      • Library (10)
      • Tools (1)
      • Web Animation (2)
      • etc. (16)
      • Design (8)
      • Loves (7)
    • 🐿 (5)
      • CSS (2)
      • JS (3)
Home
  • 분류 전체보기 (91)
    • Blog (85)
      • Markup (3)
      • CSS (17)
      • JavaScript (21)
      • Library (10)
      • Tools (1)
      • Web Animation (2)
      • etc. (16)
      • Design (8)
      • Loves (7)
    • 🐿 (5)
      • CSS (2)
      • JS (3)
About
블로그 내 검색
Portfolio

nana_log

좋아하는 걸 좋아하는 나나 🤟

flexbox (1)

  • Blog/CSS

    [CSS] 레이아웃을 더 편하게, Flexbox

    1. Flexbox를 지원하는 브라우저Flexbox를 쓰면 훨씬(!) 더 쉽게(!!) 레이아웃을 스타일링할 수 있습니다. 기존에는 일반적으로 float 속성을 이용했는데, 이건 clearfix라는 핵이 필요했죠. 그밖에 display:table-cell 등, 원래 이러라고 만든 게 아닐텐데... 하는 속성을 써야 했습니다. 이제 Flexbox를 쓰면 가운데 정렬이고 뭐고 손쉽게 가능합니다. 다만 국내에서는 Flexbox가 그렇게 보편적이지 못한데, 그 이유는 아마 IE에 대한 지원이 영 좋지 못하기 때문인 것 같습니다. 우선 Flexbox는 IE 10부터 지원합니다. 단, prefix로 -ms-가 필요합니다. IE 10과 11에서 몇 가지 버그가 있다고 알려져 있고, 이때문에 사용하기 영 꺼려지는 것도 ..

    2019. 1. 7.

이전
1
다음
전체 글 보기
  • Github
  • Portfolio
  • Mail

Today

Total

좋아하니까, 나답게

Designed by Nana
블로그 이미지
나나 (nykim)
쉽고, 재밌고, 특별한 걸 좋아해요. 걷고 뛰고 구르면서 나아가는 중.

티스토리툴바