我想以类似书籍的方式显示一个网页，有两列，分布在多个页面中。
我正在使用 column-count，它适用于一页，但我需要在一定数量的行之后拆分文本以在新页面中显示其余部分。
所以不要将文本显示为：
A B C D E...（每个字母代表一列文字）
我想要：
A B
C D
E..
如何做到这一点，指定每页要显示的行数（以及列数，尽管在我的情况下它始终为 2）并使用 Javascript 自动排列它？
感谢您的帮助。
【问题讨论】：
标签： javascript html css multiple-columns
你忘了，每个空间也渲染成一列！
但是，你不能使用 CSS 来在每个字符处换行，要么你会使用
max-width: 5px; /* approximately one char */
或者您将使用 jQuery 在每个字符处断开字符串，然后将其写入该行并将 <br /> 附加到该行。
var chars = "A B C D E F";
charArray = chars.split(" "); /* at white space */
for (int i = 0; i < charArray.length; i++) {
/* write it and then add <br /> at the end */
}
这样你就可以处理了。
【讨论】：
你可以试试用一张桌子，真的很简单。
<table style="border: 0px">
<tr>
<td><!-- First column --></td>
<td><!-- Second column --></td>
</tr>
</table>
【讨论】：
我找到了我要找的东西。这是 Adam Wulf 的 jQuery columnizer 插件 (http://welcome.totheinter.net/columnizer-jquery-plugin/)。他提供了几个示例，时事通讯示例 (http://welcome.totheinter.net/autocolumn/sample10.html) 显示了我正在寻找的内容。它在我尝试过的所有浏览器上都运行良好。
感谢您的回复。它们并不是我想要的，因为我必须拆分成列的内容不仅仅是一个字符串，而是一系列 HTML 元素。此外，它不是静态的，因此不能手动将其拆分为表格。
【讨论】：