html - flex 网格魔法 (CSS)

Question

要施什么魔法才能创造this网格使用“display: flex”规则？

条款:

1. 可调整大小的网格
2. 高度的内容总是160px(例如)
3. 内 block :图片和文字
4. 始终自动调整宽度，完全没有固定

我有一些不错的example — .col-auto 样式，但它需要在 .row 中，并且不像我的照片那样刹车。

是否有任何 CSS 框架，有这样的例子，或者我应该以什么方式寻找它？

Answer 1

您可以使用 .resizable(); 函数。使任何 DOM 元素都可以调整大小。使用光标捕获右边框或底边框并拖动到所需的宽度或高度。