我想以类似书本的方式显示一个网页,有两列,分布在几个页面上。
我正在使用 column-count,这对一页来说效果很好,但我需要在一定行数之后拆分文本,以便在新页面中显示其余部分。
所以不要将文本显示为:
A B C D E... (each letter represents a column of text)
我要:
A B
C D
E..
如何做到这一点,指定要显示的每页行数(和列数,尽管在我的情况下它总是 2)并使用 Javascript 自动排列它?
感谢您的帮助。
最佳答案
你忘了,每个空格也被渲染成一列!
但是,您不能使用 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 */
}
这样你就可以处理了。
关于javascript - HTML 多个页面中的多个列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22896080/