相关疑难解决方法(0)

具有不同高度的CSS浮动Div与它们之间的空间对齐

我正在使用左浮动DIV来模拟两列布局(每个div包含用于编辑不同数据的文本字段,如名称,爱好,......).所以看起来应该是这样的

1 2
3 4
5 6
Run Code Online (Sandbox Code Playgroud)

现在我的div-box并不总是相同,因为有些DIV比其他DIV有更多的元素.现在我的布局看起来像这样

   1 2
     2 
   3 4
   5 6
Run Code Online (Sandbox Code Playgroud)

如果您缩放,则还可以看到此示例的效果,以便仅显示四个或三个列.例如,如果连续显示4列,则Float 1和Float 6之间有很多空间.这在我的UI上看起来不太好.我想要的是Float 6跟Float 1之间没有空格(除了我定义的边距)

编辑:我的DIV基本上只包含一个浮点数:左边和宽度:40%,这样两个适合屏幕

这是一个截图显示更多 替代文字

html css css-float

14
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

css-float ×1

html ×1