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

时间:2016-06-07 04:28:34

标签: html css html5 css3 razor

在“页面”的底部(某些指定的高度),内容将流向下一列。一旦该列填满,它就会向下流到下一个“页面”。就像已经被分成列的滚动和一个将页面分成列的普通书之间的区别。看到附加的图像{ {3}}

2 个答案:

答案 0 :(得分:1)

试试这个fiddle我希望它足以满足你的目的。别忘了包括bootstrap

.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;
 }

答案 1 :(得分:1)

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