网格布局 - 这是否可以使用flexbox？

Question

我目前正在使用以下网格布局:

display: -ms-grid;
-ms-grid-columns: 400px 100px max-content 1fr 50px;
-ms-grid-rows: 1fr 1fr; 

这类似于这种布局:

| <----------------- this has a fixed width --------------------------> |

+----------+----------+-------------------+-----------------+-----------+
|<- fix -> |<- fix -> | <--- growing ---> | <- shrinking -> | <- fix -> |
+----------+----------+-------------------+-----------------+-----------+
|          |          | max-width content |                 |           |
+----------+----------+-------------------+-----------------+-----------+

现在,要多一点的浏览器,supportig我既可以使用填充工具或切换到Flexbox的布局(在大多数现代浏览器都支持).上面的布局是否可以使用flexbox？

Answer 1

简而言之：如果一个或多个单元格具有动态宽度
，则不可能基于flexbox具有多于一行和相同大小的“列”的布局模型创建布局。