CSS不同的高度div元素导致网格间距

科尔顿弗朗哥

这幅画比我能用语言更好地描述问题。我如何才能使网格紧密无间隙如果有,需要一种CSS解决方案如果可能的话,我宁愿不更改html。如果您想尝试一些想法,可以在这里设置一个演示必须允许可变高度,以便我们不能将所有元素都设置为相同的高度。有任何想法吗?

演示

在此处输入图片说明

用户934902

您也可以通过交替浮动来实现。我改变了一些盒子的CSS,增加盒子的大小,并删除内联块

http://jsfiddle.net/x666E/

.box{background-color:white;
  border:1px solid black;
  margin: 0;
  width:50%;
  display:block;
  float:left;
  box-sizing: border-box;
}
.box:nth-child(2n + 0) { float: right; }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS不同的高度div元素导致网格间距

来自分类Dev

CSS网格包含不同高度的div

来自分类Dev

CSS网格间距

来自分类Dev

高度不同的CSS DIV列

来自分类Dev

HTML / CSS Textarea和Div的高度不同

来自分类Dev

如何在CSS网格中更改元素的高度

来自分类Dev

CSS网格-在某些div上设计的高度不相等

来自分类Dev

浮动divs等间距,不同高度

来自分类Dev

图像网格-不同高度

来自分类Dev

带DIV的元素之间的间距

来自分类Dev

CSS网格间距不正确

来自分类Dev

Firefox和Chrome CSS的区别:元素高度不同

来自分类Dev

如果元素以不同的高度和宽度平铺,如何使用Bootstrap 3网格

来自分类Dev

按钮和div元素的CSS宽度不同

来自分类Dev

CSS网格-行的高度相同(最大高度)

来自分类Dev

子div的高度与父div的高度不同

来自分类Dev

堆叠 css 网格元素

来自分类Dev

div 与相邻 div 的高度不同

来自分类Dev

如何在Matlab中绘制不同间距的网格线

来自分类Dev

不同高度和宽度的网格

来自分类Dev

Bootstrap不同高度的流体网格系统

来自分类Dev

具有不同图像高度的自举网格

来自分类Dev

带有不同高度图像的网格

来自分类Dev

不同高度和宽度的网格

来自分类Dev

引导网格不同的列的高度和宽度

来自分类Dev

在div上设置高度会导致p元素的文本出现在错误的位置

来自分类Dev

链接与子元素的高度不同

来自分类Dev

容器与子元素的高度不同

来自分类Dev

链接与子元素的高度不同