css flexbox模型_Mozilla启动CSS Flexbox检查器

css flexbox模型

Mozilla的FirefoxDevTools小组建立了一个名为CSS的工具，用于检查CSS Flexbox的布局。 该工具可帮助开发人员了解Flexbox元素的大小，位置和嵌套

[更深入： 如何开始使用WebAssembly 。 • WebAssembly的下一步 。 • 8个使WebAssembly崭露头角的项目 •那么， WebAssembly的下一步究竟是什么？ | 通过InfoWorld的App Dev Report新闻通讯了解编程方面的热门话题。 ]

CSS Flexbox布局，即CSS Flexible Box Layout，是一个CSS模块，定义了针对用户界面设计而优化CSS Box模型，其布局是一维的。 在构建动态页面布局方面，它越来越受欢迎。 使用flex布局模型，flex容器的子项可以在任何方向上进行布局，并“灵活”改变其大小，以填充未使用的空间或缩小以防止父项溢出。

在开发Flexbox Inspector时，Mozilla根据CSS Grid Inspector的概念构建了一个工具，用于检查CSS Grid布局。 CSS Flexbox具有陡峭的学习曲线，因此Mozilla团队收集了数据以帮助构建基本功能集。 在用户调查中，对于开发人员需要帮助的区域，最小/最大宽度和高度限制获得最高分数。 收缩/增长功能的排名高于预期。

在哪里下载Flexbox Inspector

您可以从Firefox Quantum：开发人员版下载Flexbox Inspector 。

翻译自: https://www.infoworld.com/article/3333641/mozilla-launches-css-flexbox-inspector.html

css flexbox模型