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

Question

我正在自动化我们通常每月手动键入一次 Word 的报告，并且它的人要求它始终看起来与他们指定的完全相同 - 它需要是两个内容列，像 MS Word / 报纸一样包装 -第一列的末尾换行到第二列的开头，第二列的开头换行到下一页上第一列的开头。

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

优选地，每个列表块将被限制为一列，如果它适合一列

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

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

谢谢

Answer 1

您可以为此使用列数。也可以看看

优雅降级

请注意，并非所有浏览器都支持这些不带前缀的属性。为了在当今大多数浏览器中使用此功能，每个属性必须编写三次：一次使用 -moz 前缀，一次使用 -webkit 前缀，一次不使用前缀。

在你的情况下，这将是

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