gpt4 book ai didi

html - 使用 flexbox 增加元素的高度

转载 作者:太空宇宙 更新时间:2023-11-04 16:14:16 25 4
gpt4 key购买 nike

<分区>

有没有一种方法可以创建没有空格的布局,其中大多数元素的尺寸相同,但有些是高度的 2 倍?我可以使用以下 CSS 制作类似于我想要的东西:

家长:

display: flex;
flex-direction: column;
justify-content: flex-start;
align-content: flex-start;
flex-wrap: wrap;

children :

width: 22%
height: 100px;

高个子有 height: 200px。它看起来像这样:

Screnshot 1

非常接近,但问题是我需要从左到右的顺序,而不是从上到下的顺序,所以我不能使用 flex-direction: column。如果我对 flex-direction: row 做同样的事情,它不起作用:

Screenshot 2

有什么想法吗?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com