HTML在删除元素后移动元素

作为一个学校项目，我正在创建一个像Google Keep这样的网站，在那里你可以创建和分享笔记。要显示现有注释，我使用引导容器、行和卡片。在删除一个元素之前，这种方法可以正常工作，这会在旧元素所在的位置创建一个间隙。如何消除间隙并使图元移动以填充间隙

这些要素包括：

<div class="col-sm-4">
</div>

提前感谢,，

---

Nikita

最简单的解决方案可能是不将每n个音符包装在一个.row元素中。如果您这样做，卡将自行回流

虽然如果没有一个工作的基础，很难给出一个直接的答案

//演示代码，以说明卡删除。 $function{ $'.notes'。单击“.card”，函数e{ $this.parent.remove； } ; } ; .卡片{ 边缘底部：1rem； 填充：2rem4rem； 文本对齐：居中； 光标：指针； } .卡：悬停{ 背景色：EAEA； } 1. 2. 3. 4. 5. 6. 7. 8. 9 10

---

欢迎来到堆栈溢出。在Stack Overflow，我们总是很乐意帮助和支持新的编码器，但您需要首先尝试帮助自己。如果您有问题，请发布您尝试过的内容，明确说明哪些内容不起作用，并提供阅读。请记住，编码的很大一部分是故障排除，培养这项技能非常重要。添加一些标记和删除元素的逻辑，以便我们可以帮助您感谢您的回答。问题是删除功能错误：我删除了卡，但没有删除它所在的列。有时是简单的事情。很高兴你让它工作了。