用另一個div的溢出內容填充div

Question

我正在嘗試構建一個書籍樣式的網頁，其內容在兩個頁面上流動，但是如何以一種方式構建它，即從一個div溢出時的文本去下一個div，而不是隻是向下滾動？

我需要在wordpress中實現這個功能，所以我需要編寫一些代碼來爲我做這件事。我需要像這樣的工作：

任何想法？

Answer 1

您可以使用CSS3

的多列2列使用此代碼的DIV類/ ID

#yourDiv{ 
    -webkit-column-count:2; /* Chrome, Safari, Opera */ 
    -moz-column-count:2; /* Firefox */ 
    column-count:2; 
} 

，如果你想要的文字

是有道理的喜歡，通常在書本上添加text-align:justify;到 上面的代碼。

，如果你想間距之間的列使用column-gap:40px;

爲Firefox添加-moz-column-gap:40px;

用於Safari和Chrome添加-webkit-column-gap:40px;

變化根據您的需要的像素。