javascript - Threading text like in Indesign with HTML/JS

Question

How to program threading text like in frames in Indesign. Link: http://helpx.adobe.com/indesign/using/threading-text.html

I want to use three columns in HTML. In these columns I will add one text. Whenever the content of the text exceed the column height, the text should pass over to the next column. The last column don't pass the text content.

Answer 1

您可以使用 column-count css 属性，以及 Firefox 和 Chrome 的浏览器特定前缀。

请注意，它在 IE <10 中不起作用

-moz-column-count:3;
-webkit-column-count:3;
column-count:3;