gpt4 book ai didi

html - 让第二行填补上面的空白

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

一个简单的 html/css 问题。请看这个example ,我希望第二行中的 block 能够填补它们上方的空白。除了使用 JavaScript 之外还有什么?

.block {
float: left;
width: 200px;
height: 200px;
background-color: #ff0000;
margin: 2px 2px 0 0;
}
<div style="width: 606px;">
<div class="block">
</div>
<div class="block">
</div>
<div class="block" style="height: 250px">
</div>
<div class="block">
</div>
<div class="block">
</div>
<div class="block">
</div>
</div>

最佳答案

简单的回答,不。

(抱歉)

这不能单独在普通的 HTML 或 CSS 中完成,您需要研究像 Isotope 这样的 JavaScript 实现。或 Masonry ,或您自己制作的一个。

关于html - 让第二行填补上面的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23514147/

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