javascript - HTML 多个页面中的多个列

标签 javascript html css multiple-columns

我想以类似书本的方式显示一个网页,有两列,分布在几个页面上。

我正在使用 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/

相关文章:

javascript - 获取 ES6 中值的类型

javascript - MongoDB 对大容量数据进行排序

javascript - wp_dropdown_categories - 将类别 ID 传递给 javascript

html - 如何在 CSS 中使用 tr 类名查找 tr 中的第一个 td?

javascript - IE7 zoom CSS 导致flash影片移动

javascript - asnyc() 不会在 ssh 和 mongoose 中的代码末尾退出

javascript - 在 html 元素中显示数据

javascript - 如何从 Greasemonkey 脚本 "quietly"重新加载页面?

css - ASP.NET MVC 控件和 CSS

css - Facebook和Twitter官方按钮: over-ride CSS to display inline and float right?