gpt4 book ai didi

html - CSS - 如何通过 float 摆脱空白的垂直空间

转载 作者:搜寻专家 更新时间:2023-10-31 22:20:23 26 4
gpt4 key购买 nike

<分区>

当您使用 float 时,下一个 float 元素将至少占据相同数量的垂直空间或更多,然后再打破线条并在流中向下移动。下图中有很多未使用的空白空间。

with empty vertical space

我怎样才能得到更多这样的东西?

without empty vertical space

这是一个 fiddle 。 http://jsfiddle.net/BamBamm/4x51qLt4/1/

<div class="someBlock">...</div>
<div class="someBlock">...</div>
<div class="someBlock">...</div>
<div class="someBlock">...</div>

.someBlock {
display: inline-block;
vertical-align:top;
width: 30%;
float: left;
}

((从这里复制的图片:http://designshack.net/articles/css/everything-you-never-knew-about-css-floats/))

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