gpt4 book ai didi

php - 如何重新排序内联 block 元素列表以填充所有空白区域?

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

我需要重新排序具有属性 display: inline-block 且未定义宽度以填充所有空白空间的元素列表。

你可以通过这个例子理解我的意思:

http://jsbin.com/ozuxip/1/edit

如您所见,在第一个列表中,“Not so long text”附近有很多空白区域,而在第二个列表中,该区域填充了足够短的两个元素以填充该区域。我需要将其自动化。

在此示例中,您可以看到带有红色矩形的“空白”是什么 http://jsbin.com/ozuxip/7/edit

我会使用 PHP、jQuery、CSS 等。你有什么建议吗?

最佳答案

如果我正确理解你的问题,你基本上想要不同宽度的元素来创建某种整洁的网格。如果是这样,您可以尝试使用同位素插件:http://isotope.metafizzy.co/

关于php - 如何重新排序内联 block 元素列表以填充所有空白区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14872390/

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