代码之家 › 专栏 › 技术社区 › Maslow

当父网格是flexbox时,如何避免子网格收缩

css-grid flexbox css

-1

Maslow · 技术社区 · 4 年前

我的父div是一个flexbox justify-content: space-between 。右边的第二个孩子是一个网格。它有足够的空间,但它在一列上缩小了,我不明白。我希望它占用可用空间,直到它必须包裹,然后才能创建第二行。

你知道怎么做吗?

谢谢

0 回复 | 直到 4 年前

Maslow 4 年前

抓住了反对票,我想我问的问题很糟糕。不管怎样,我是这样做到的。

我用过 grid-template-columns: repeat(auto-fill, 20px); 然后在网格上设置一个 flex: 1 两个孩子。

希望这对某人有所帮助

推荐文章

Chris Sherlock · 如何将图像调整为css网格

2 年前

Tagc · 是否可以使用flexbox同时执行“行反转”和“列反转”之类的操作?

6 年前

Tv's Very Own · 网格行间距未应用百分比

6 年前

arw89 · CSS网格中的纯CSS箭头div

6 年前

Arie B · 使用html节标记时在css网格中提供相同的css属性

6 年前

ctaylordev94 · CSS网格行属性由Less[重复]错误编译

6 年前

techguy2000 · css网格单元格内容溢出不工作

6 年前

techno geek · css网格布局的水平滚动

6 年前

dkrasniy · Flexbox换行仅第一列,带溢出滚动

6 年前

WoJ · 如何使用Vue构建动态CSS网格?

6 年前