是否可以在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; 
}