用另一个div的溢出内容填充div

Question

我正在尝试构建一个书籍风格的网站，其内容在两个页面上流动，但是我如何以一个div中的文本的方式构建它，当它溢出时，它会转到下一个div而不仅仅是向下滚动？

我最终还是需要用wordpress来实现这个，所以我需要为我做一些代码。我需要让它像这样工作：

有什么想法吗？

Answer 1

您可以使用CSS3的多列

对于2列，在div class / id

上使用此代码

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

如果您希望文字具有合理性，就像通常在书籍中添加text-align:justify;一样 上面的代码。

如果您希望列之间的间距使用column-gap:40px;

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

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

根据您的需要更改像素。