HTML 여러 페이지의 여러 열

Question

두 개의 열이 여러 페이지에 걸쳐 펼쳐져 책 모양으로 웹 페이지를 표시하려고합니다.

열 개수을 사용하고 있는데 한 페이지에서 제대로 작동하지만 새 페이지에 나머지를 표시하려면 특정 줄 수 이후에 텍스트를 분할해야합니다.

그래서 그 대신으로 텍스트를 표시하는 :

AB
CD :

ABCD E는 ...

내가 원하는 (각 문자는 텍스트의 열을 나타냄)
E ..

Ho는 페이지 당 줄 수를 지정하고 (이 경우 항상 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 's jQuery 칼럼 라이저 플러그인 (http://welcome.totheinter.net/columnizer-jquery-plugin/)입니다. 그는 몇 가지 예를 제공하고 뉴스 레터 샘플 (http://welcome.totheinter.net/autocolumn/sample10.html)은 제가 찾고있는 것을 보여줍니다. 그것은 내가 시도한 모든 브라우저에서 아름답게 작동합니다.

답장을 보내 주셔서 감사합니다. 내가 원하는 것만 큼은 아닙니다. 왜냐하면 제가 열로 나누어야하는 내용이 단순한 문자열이 아니라 일련의 HTML 요소이기 때문입니다. 또한 정적이 아니므로 수동으로 테이블로 분할하는 것은 옵션이 아닙니다.