gpt4 book ai didi

javascript - 使用或不使用 flexbox 填充可用空间

转载 作者:行者123 更新时间:2023-11-28 18:18:12 25 4
gpt4 key购买 nike

在我的 <main> 里面元素 我有 div,每个都有类 .dataCard .每个.dataCard具有相同的最小尺寸,但一旦我开始向 .dataCard 添加内容s 我注意到布局行为异常。

<main>元素分为两列,每列包含一个 .dataCard .我这样做是因为我需要 .dataCard 的顺序去左栏,然后一个在右栏,一个在左栏,依此类推。

但是当我填写 .dataCard有了内容,他们将所有其他卡片推到它们下面。

如何用 .dataCard 填充可用空间这样 <main>包含它们的元素的高度尽可能小。

现在,在下面的链接中,右栏中有第二张卡片,但随后是一堆空格,在第二张卡片的末尾,左栏中的第三张卡片开始。

如何将左列向上移动,或者换句话说,使用或不使用 flexbox 使卡片适合可用空间?

我将不胜感激任何帮助!

Here is the link: https://googledrive.com/host/0BwJVaMrY8QdcVDBweWk2UXlfTVE/KE.html

最佳答案

根据您的问题,我了解到您想用没有任何空间的框填充整个页面。

This is what, exactly you wanted.

关于javascript - 使用或不使用 flexbox 填充可用空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17632861/

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