使用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 {&nbsp; &nbsp;flex: 1,&nbsp; &nbsp;flex-direction: 'row',}去了解一下flex布局，很容易就能实现你想要的布局

Answer 2

断开就flex布局就行了啊.columnContainer {&nbsp; &nbsp;display: flex;}