0

我有一个容器，我想用 Dragula 放置其他 div。如果可能，丢弃的 div 应具有相同的宽度（容器宽度 > div 的最小宽度之和）。

如果我使用 flexbox，这将不起作用（表格或列表等其他选项也不起作用）。第一次下降将使这个下降的 div 占据所需宽度的 100%。但是在删除下一个 div 后，第一个 div 不会调整大小，所有后续 div 将只有其最小大小。此外，容器随着每增加一滴而增长。

这是我的容器和孩子们的风格：

.container {
  width: 100%;
  display: flex;
}
.child{
  width: 100%;
  flex: 0 1 auto;
}

这是孩子将被放入的目标 HTML 代码（我使用 angular）：

<div class="container" [dragula]='"bag-objects"' [dragulaModel]="container">
   <div *ngFor="let object of container" class="child>
      <objects [object]="object.object"></objects>
   </div>
</div>

我在 stackoverflow 上检查并测试了各种其他解决方案，但没有一个对我有用。

4

0 回答 0