如何用jQuery/javascript分页文本？

Question

这是简短的......

我需要使用jQuery或javascript对非常长的文本进行分页.现在我已经考虑过进行角色计数等问题,但问题是我没有使用等宽文本,所以它不会起作用.

相反,我使用动态输入的文本(直接来自我最好的朋友wordpress).

这是设置:

---

---

我已将文本放在一个名为bodytext的div中,该div将溢出设置为auto.这是它的造型:

.bodytext {
width: 465px;
height: 454px;
display: block;
position: absolute;
display: block;
margin: 136px 25px;
font-family: 'Gentium Basic', serif;
color: #141414;
line-height: 1.5;
line-height: 1.5;
font-size: 17px;
overflow: hidden;
}

无论如何......文字溢出.

我想要做的是在彼此旁边创建一系列div(与bodytext类),我可以将我的按钮挂钩到其间切换.

我已经发现了这方面的一些信息:每18条线我需要创建一个新的div.

我不知道如何解决这个问题.

我还需要它能够处理大量文本...一次最多可达1000个单词...结果说10页......

---

任何帮助都会很可爱!谢谢阅读!

Answer 1

CSS3 多列布局将完成假设您的目标浏览器支持它的工作：http://caniuse.com/#feat=multicolumn

您需要裁剪文本的外部 div、具有固定宽度和高度的列的内部 div 以及可以修改内部 div 左侧边距的按钮。

许多功能仅部分支持（根据我的经验，Opera 表现最好），但对于许多情况来说应该足够了。请参阅http://www.w3.org/TR/css3-multicol/，您可以在其中找到许多很好的示例（尤其是示例 XXIII，“multicol 元素外部的分页和溢出”）。