等距元素是一个百分比,带有填充/边距
问题描述:
一直在使用Google搜索并找到了一些解决方案,但没有一个适用于我尝试做的工作。基本上我需要平均分配4个div,即25% - 保证金范围宽。棘手的部分是最后得到最后没有空间。试过:等距元素是一个百分比,带有填充/边距
.container {
display: flex;
justify-content: space-between;
}
.child {
width: 22%;
}
但它留下了一个空间在最后。看起来很简单,但我尝试了多种不同的方式,没有一个能正常工作。棘手的部分似乎是百分比宽度,并获得最后一个元素不在右侧有空格。
答
@马克-J是正确的,Drupal的被添加clearfix这是导致在年底额外的空间。这个作品:
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.child {
width: 22%;
}
任何演示?使用当前的代码[jsfiddle](https://jsfiddle.net/v2d9raak/),除了默认的body边距之外,它不会在边上留下任何空间。 – Stickers
您可以使用https://getbootstrap.com/examples/grid/来构建网格系统 –
我不确定您在寻找什么,因为您尝试的内容与图像匹配,并且是我认为您想要的。 [https://jsfiddle.net/r5zLyzds/](https://jsfiddle.net/r5zLyzds/) –