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.