HTML多個頁面中的多個列

Question

我想要以書籍形式顯示網頁，有兩列，分佈在多個頁面中。

我使用的是列數，它對一個頁面工作正常，但我需要在一定數量的行之後拆分文本，以便在新頁面中顯示其餘行。的

因此，而不是顯示文本爲：

ABCD E. ..（每個字母代表一列文本）

我想：

AB
CD
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

我找到了我正在尋找的東西。這是亞當沃爾夫的jQuery 欄標記插件（http://welcome.totheinter.net/columnizer-jquery-plugin/）。他提供了幾個例子，簡報樣本（http://welcome.totheinter.net/autocolumn/sample10.html）顯示了我正在尋找的內容。它在我嘗試過的所有瀏覽器上都能很好地工作。

感謝您的回覆。它們並不完全是我想要的，因爲我必須將這些內容分成多列，而不僅僅是一個字符串，而是一系列HTML元素。此外，它不是靜態的，所以手動將它分割成表格不是一種選擇。