如何将 HTML 格式化为类似于 MS Word 的两列？

Question

在 Microsoft Word 中有一个选项，您可以将文本分成两列，如下所示：

内容包含图像和列表。所有内容都需要像图像中一样正常继续。我试过用 CSS3 做，但不是动态手动做的（因为我必须加载内容，然后进行操作以重新排序元素，但我不确定它是否会工作）：

http://joseadrian.com/stackoverflow/columns.php

有没有办法用 HTML (5) + JavaScript + CSS (3) 做到这一点？如果是这样...用 PHP 创建一个文件并赋予它该结构会起作用吗？

Answer 1

CSS 不够聪明，无法做出诸如“当这个 600 像素高的列已满时，将文本换入下一列”之类的决定。您需要使用 JavaScript 来执行此操作。

见：http://dancameron.org/code/splitting-content-into-two-columns-e-g-word-wrap-with-php-or-css-javascript