html - 如何证明 flex 容器中的空 div 是合理的

Question

我有 3 个 div，有时它们里面都有文本，但有时它们中的一些是空的。如果第一个 div 是空的，我需要第二个和第三个 div 向左浮动。但它总是停留在最后，第一个 div 的位置仍然是空的。

我尝试了 justify-content-start 并为子 div 提供边距权限，但它也不起作用。

<div class="d-flex flex-row justify-content-around expert-detail">
   <div>
   </div>

   <div>
   </div>

   <div>
      some text
   </div>
</div>

我需要这样的东西。

标签： htmlcsstwitter-bootstrap

Answer 1

您可以使用此代码来完成。

div:empty { display: none }