你是否使用过新的 Flexbox 或 Grid 规范？它们有什么区别？

Have you played around with the new CSS Flexbox or Grid specs?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

分类: CSS Layout

标签: flexbox, grid, layout, browser support, flex-grow

参考答案摘要

答案 是的。Flexbox 主要用于 一维布局 ，Grid 主要用于 二维布局 。 Flexbox 解决了很多常见问题，比如容器内垂直居中、sticky footer 等。Bootstrap 与 Bulma 都基于 Flexbox，并且如今普遍推荐用来做布局。 我使用 Flexbox 时遇到过 Safari 对 flex-grow 的兼容问题，只能改回用 inline-block 和百分比计算宽度...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。