gpt4 book ai didi

javascript - 如何在列中垂直放置 div 列表?

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

所以我不知道如何准确地表达这个问题,这可能就是为什么我一直很难找到搜索结果的原因。但我认为一张图片值一千个字所以... enter image description here

基本上,我想要具有可变高度的多列 div(所有内容都是动态创建的,因此没有硬编码位置),其中每个 div 根据其列中其上方的 div 垂直对齐,而不是相对于旁边的 div。

编辑:

此外,我需要根据屏幕大小调整列数。因此在任何时候都可能有一个、两个、三个或四个列,但总 div 的数量相同。

最佳答案

详细说明 Sterling Archer 的评论。你应该为所有这些设置样式

float:left;

为了让他们彼此平均分配。我会使用百分比来设置它们的宽度

width:33%;

如果您需要一个例子,我很乐意提供,但我已经看到这个问题有几个例子。

关于javascript - 如何在列中垂直放置 div 列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43419396/

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