使用Column布局，如何强制一个DIV出现在新的一栏，而不是跟在上一个DIV后面？

Question

如题，我们要用column实现一个分栏阅读的效果。
目前发现一个问题，像下面这样的写法（省略CSS），会导致DIV2紧跟在DIV1后面，我们希望像图示那样，DIV1结束后，后面留空，DIV2自动新起一栏，如下图所示的第二个图的效果。请问该怎么实现？

<div id='columnContainer'>
<div id='no1'>balbalbla</div>
<div id='no2'>bvlablabl</div>
</div>

请各位大神帮忙，多谢多谢

Answer 1

.columnContainer {
   flex: 1,
   flex-direction: 'row',
}

去了解一下flex布局，很容易就能实现你想要的布局

Answer 2

断开就flex布局就行了啊

.columnContainer {
   display: flex;
}