gpt4 book ai didi

CSS 2列布局,从上到下 float

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

我尝试实现一个包含两列的设计,其中填充了几个从上到下高度不同的 div,并从左到右“溢出”,以便两列具有几乎相同的高度。

示例:

AAA  CCC
AAA CCC
AAA
AAA DDD
DDD
BBB
BBB EEE
BBB

但我不知道如何实现它。我试过类似的东西

<div class="items">
<div class="item even">A</div>
<div class="item odd">B</div>
<div class="item even">C</div>
<div class="item odd">D</div>
<div class="item even">E</div>
</div>

.item.even { float: left; }
.item.odd { float: right; }

.item { display: inline; }

.item { display: inline-block; }

但是由于items-div的高度和数量未知,我一直没有找到可以接受的结果。有任何想法吗?感谢您的每一个提示。

这是一个 jsfiddle 示例:http://jsfiddle.net/6W96c/

最佳答案

尝试类似...

.items .even { float: left; clear:both;}

.items .odd { float:right; }

如果没有一些 HTML,很难测试您的需求。也许您可以创建一个 jsFiddle。

关于CSS 2列布局,从上到下 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15351354/

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