使用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;

}