https://bocoup.com/blog/dive-into-flexbox

 

2012년 글입니다.   브라우저 지원은 CSS Grid보다 좋은 것 같습니다.

 

https://caniuse.com/#feat=flexbox

 

Introduction

 

Flexbox는 CSS3의 새로운 레이아웃 모드로 현대 웹의보다 정교한 요구를 충족하도록 설계되었습니다. 이 기사에서는 새로 안정화 된 Flexbox 구문에 대해 자세히 설명합니다. 브라우저 지원은 빠르게 성장할 것이므로, Flexbox가 충분히 실용적 일 때 지원이 넓어지면 게임보다 앞서 나갈 수 있습니다. 그것이하는 일과 그것이 어떻게 작동하는지 알고 싶다면 계속 읽어보십시오!

 

Why is Flexbox needed?

 

저자는 오랫동안 테이블, 수레, 인라인 블록 및 다른 CSS 속성을 사용하여 사이트 콘텐츠를 배치 해 왔습니다. 그러나 이러한 도구 중 어느 것도 오늘날 우리가 만들고있는 복잡한 웹 페이지 및 웹 응용 프로그램 용으로 설계되지 않았습니다. 수직 중심 맞춤과 같은 간단한 작업에는 작업이 필요합니다. 유연한 그리드 레이아웃과 같은 복잡한 것들이 너무 커서 자신 만의 롤을 만드는 것이 야심 찬 일이기 때문에 CSS 그리드 프레임 워크의 성공이 중요합니다. 아직도 많은 프로젝트에서 이러한 작업을 수행해야하는 이유는 무엇입니까? Flexbox는 모든 것을 바꾸려고합니다.

 

Specification Status and Browser Support

 

...