Question

我正在尝试在我的元素中插入元素（）。我有N个150px宽的元素，我想每行插入尽可能多的元素。问题是，人们对浏览器的大小不同，而且搞得一团糟。

有时右侧有一个很大的空白区域。我想将div空间减少到N * 160（图像的150或填充的10）+10（左边的填充）

以下是我创建的小提琴后面的代码示例。

domain = {'route_id': [('id', 'in', record.x_all_route_ids)]}

我让fiddle说明我的问题。我相信我必须使用calc()对宽度做一些事情，但是我不能把这些碎片放在一起。

Answer 1

你有很多不必要的风格。例如.my-gallery和.myimage你有width: 100%这是一个div，默认情况下是100％

.gallerybox max-width: 100%; display:block;都是不必要的。（显示块是div的默认值）

因此，您希望根据图像数量更改容器的宽度，您需要使用其中之一服务器端逻辑，javascript逻辑或特殊的CSS选择器（可能不支持）

在这里制作fiddle。如果图像数量< 4它将.gallerybox的宽度设置为50％。其他它横跨全宽。