html - 寻找 CSS 列 ALA newspaper/ms-word，内容 - 第 1 列自上而下，然后换行到第 2 列，自上而下

Question

我正在自动化我们通常每月在 Word 中手动输入一次的报告，它的目标用户要求它总是看起来完全符合他们指定的方式 - 它需要有两个内容列，像 MS Word/a 一样换行报纸 - 第一栏的结尾换行到第二栏的开头，第二栏的开头换行到下一页第一栏的开头。

它是一个列表列表——每个列表都是<div><h2>List title</h2><ul> <li>...</li> </ul></div>

最好，每个列表 block 将被限制在一列中，如果它适合一列的话

这些文件是用 PHP cli 脚本创建的，然后从本地驱动器打开。环境定义了我们的纯 CSS/HTML 需求。少量的 javascript(代码大小不太可能引起注意)就可以了。外部 javascript 文件引用不正确。不使用 javascript 是首选。

我们的备份解决方案是在用 PHP 创建文件时处理每个报告的 CSS 代码，如果需要，我们可以在内部解决这个问题。

谢谢

Answer 1

您可以使用 column-count为了这。另见

Graceful Degradation

Note that not all browsers supports these properties unprefixed. To make use of this feature in most today's browsers, each property must be written thrice: once with the -moz prefix, once with the -webkit prefix and once without prefix.

在你的情况下会是

-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;