你试用过新的 CSS Flexbox 或 Grid 规范吗？

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

题目类型: 技术面试题

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

难度: medium

分类: Layout

标签: flexbox, grid, flex-grow, safari

参考答案摘要

答案 是的。Flexbox 主要用于一维布局，而 Grid 用于二维布局。 Flexbox 解决了很多常见的 CSS 问题，例如容器内垂直居中、sticky footer 等。Bootstrap 和 Bulma 都基于 Flexbox，它可能是现在推荐的布局方式。我之前尝试过 Flexbox，但在使用 flex-grow 时遇到一些浏览器兼容问题（Safari），不得不用 inline-block...

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