gpt4 book ai didi

css - 试图完成一个设计,却无法解决一个小的 CSS 问题

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

我的设计几乎已经完成,但我无法让 CSS 执行我想要的操作。我想做的是这样的:

Figure 1, How it's supposed to look

但是,当页面生成时,输出是这样的:

Figure 2, What it's doing

如何让第三个盒子浮在第一个盒子下面和第二个盒子旁边?我已经尝试了所有我知道的技巧,但无法让它发挥作用。我还应该提到,每个 block 都是通过从数据库中提取的 PHP 循环添加到页面的,所以我有点受限于没有静态内容,并且无法提前知道特定 block 的高度成为。

最佳答案

如果列数是可变的,CSS 真的做不到(如果你想让它在所有常见的浏览器中工作),所以改用 jQuery Masonry正是为了解决这个问题而设计的。

这是我在说同样的话,但用了更多的话:CSS two columns with known children width

关于css - 试图完成一个设计,却无法解决一个小的 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10417302/

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