如果溢出容器,则换行到下一列

时间:2012-10-03 13:41:23

标签: html5 css3

如果内容溢出容器,我想实现以下布局:

enter image description here

所以说如果容器的高度为400px,如果内容流过,则会创建一个新列。

我创造了一个起始小提琴 - http://jsfiddle.net/Gkzc8。红色框表示容器及其高度。

1 个答案:

答案 0 :(得分:0)

JSFiddle

使用CSS3 multi-column

#miked {height:400px; background-color:rgba(255,0,0,0.3); -moz-column-count: 3; column-count: 3; /*overflow: hidden*/}

继续阅读Multi-column