是否可以在html中使用分页创建多列布局？

Question

在“页面”（某个指定高度）的底部，内容将流向下一列。一旦这个列填满，它就会流到下一个“页面”，就像被分成列的滚动和页面被分成列的普通书籍之间的区别。参见附图

Answer 1

解决上述问题的方法见下面的链接。粘贴它以备将来参考。 http://welcome.totheinter.net/columnizer-jquery-plugin/ http://welcome.totheinter.net/autocolumn/sample10.html

Answer 2

试试这个fiddle我希望它能满足你的目的。不要忘记包含引导程序

.item { 
background: #F4F5F7; 
border: 1px solid darkgrey; 
} 
.border-fine{ 
border-top:0px; 
border-right:0px; 
} 
.border-right{ 
position:relative; 
} 
.border-right:after{ 
content: ''; 
position: absolute; 
z-index: 999; 
top: 5px; 
left: 5px; 
right: 5px; 
bottom: 5px; 
border-right: 2px dashed #ccc; 
}