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

【问题标题】：Is it possible to create multi column layout with paging in html?是否可以在 html 中使用分页创建多列布局？
【发布时间】：2016-06-07 04:28:33
【问题描述】：

在“页面”的底部（某个指定的高度），内容流向下一列。一旦那一栏也填满了，它就会向下流动到下一个“页面”。就像分栏的卷轴和分栏的普通书之间的区别。见附图@ 987654321@

【问题讨论】：

所以你实际上想要一个上面布局的html代码...???
嗨@Rakin，StackOverflow 不提供为您构建标记的资源。我建议查看有关分页的在线教程（例如w3schools.com/howto/howto_css_pagination.asp），然后开始按照指南构建原型。如果您遇到问题，您可以返回 SO 并提供您的工作示例，以便人们可以更直接地帮助您。祝你好运！
等等，让我为你做一个小提琴......

标签： html css razor

【解决方案1】：

试试这个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;
 }

【讨论】：

不完全是....我们不能在每页两个 div 中制作内容。其动态数据。每个段落的长度无法确定

【解决方案2】：

上述问题的解决方案可在以下链接中找到。粘贴它以供将来参考。 http://welcome.totheinter.net/columnizer-jquery-plugin/ http://welcome.totheinter.net/autocolumn/sample10.html

【讨论】：