如何使列的高度相互独立

Question

我想要实现的是使编号为1和2的列独立于带有文本的列的高度大小，因此如果稍后在另一个div上添加它，它将直接放在前2列下，而不会跳过任何空白间隙，因为第三列很长，如下所示：

Columns with gap

Columns without gap

我试过了，但不起作用。

​

 <div class="row text-center ">
        
        <div class="col-9 ">
            
        <div class="row border">
            
            <div class="col-9 border">1</div>
            <div class="col-3 border">2</div>
            </div>
        </div>
        <div class="col-3 border">
            "Lorem ipsum dolor sit amet, consectetur adipiscing elit
        </div>
  </div>

​

谢谢你的帮助。

Answer 1

我认为你可以在CSS Flexbox布局中使用align-items属性！