鍍金池/ 問答/HTML5  HTML/ 使用Column布局，如何強(qiáng)制一個(gè)DIV出現(xiàn)在新的一欄，而不是跟在上一個(gè)DIV后

使用Column布局，如何強(qiáng)制一個(gè)DIV出現(xiàn)在新的一欄，而不是跟在上一個(gè)DIV后面？

如題，我們要用column實(shí)現(xiàn)一個(gè)分欄閱讀的效果。
目前發(fā)現(xiàn)一個(gè)問題，像下面這樣的寫法（省略CSS），會(huì)導(dǎo)致DIV2緊跟在DIV1后面，我們希望像圖示那樣，DIV1結(jié)束后，后面留空，DIV2自動(dòng)新起一欄，如下圖所示的第二個(gè)圖的效果。請(qǐng)問該怎么實(shí)現(xiàn)？

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

圖片描述

請(qǐng)各位大神幫忙，多謝多謝

回答
編輯回答
尛曖昧

斷開就flex布局就行了啊

.columnContainer {
   display: flex;
}
2017年7月1日 01:05
編輯回答
款爺
.columnContainer {
   flex: 1,
   flex-direction: 'row',
}

去了解一下flex布局，很容易就能實(shí)現(xiàn)你想要的布局

2017年7月11日 05:39