梗概 因为flex会自动换行，且无法直接控制一行有多少有元素，所以只能控制每个item的宽度，使其加起来刚好一行 如可以通过直接设置item的宽度样式或flex-basic样式为百分比 与Grid实现多列布局的区别 flex可以由内容决定列的宽度 比如flex容器不用定义每列的宽度, 而是由子item的宽度来撑起列的宽度 而grid布局需要在容器上预先定义好列的数量和宽度 示例 https://juejin.cn/post/6844904070679887886 https://geek-docs.com/css/css-ask-answer/753_css_responsively_change_div_size_keeping_aspect_ratio.html