Question

我希望以类似书籍的方式显示一个网页，其中有两列，分布在几页中。

我正在使用列数，这适用于一个页面，但我需要在一定数量的行之后拆分文本以在新页面中显示其余部分。

因此，不要将文本显示为：

A B C D E ...（每个字母代表一列文字）

我想：

A B
C D
E ..

要做到这一点，指定每页要显示的行数（以及列数，尽管在我的情况下它总是2）并自动使用Javascript进行排列？

感谢您的帮助。

Answer 1

你忘记了，每个空间也都呈现为一列！

但是，您不能使用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 */
}

这样你就可以处理它。

Answer 2

您可以尝试使用表格，它非常简单。

<table style="border: 0px">
<tr>
<td><!-- First column --></td>
<td><!-- Second column --></td>
</tr>
</table>

Answer 3

我找到了我要找的东西。这是Adam Wulf的jQuery 列化器插件（http://welcome.totheinter.net/columnizer-jquery-plugin/）。他提供了几个例子，简报样本（http://welcome.totheinter.net/autocolumn/sample10.html）显示了我正在寻找的东西。它在我尝试的所有浏览器上都能很好地工作。

感谢您的回复。它们并不是我想要的，因为我必须拆分成列的内容不仅仅是一个字符串，而是一系列HTML元素。此外，它不是静态的，因此不能手动将其拆分为表格。

HTML多页中的多列

3 个答案: