javascript - 在列中打印动态数据

Question

我有一个带有打印选项的测验。我不知道测验中有多少问题(来自 json 文件的动态数据)，我希望打印页面在列中。每个页面将有 2 列。

我不知道每个问题有多长，我不希望问题从左栏开始到右栏结束。一个完整的问题应该被阻止。

我试过这个插件:http://welcome.totheinter.net/columnizer-jquery-plugin/但它没有像我想要的那样工作(使用这个插件问题可以从左边开始到右边结束)。

另外(如果有帮助的话)我正在使用 bootstrap。

基本上，这就是我想要实现的目标:

Answer 1

为什么不只使用普通的 css3 列属性和分页符？


style="列数:2；-moz-列数:2；-webkit-列数:2；宽度:400px；高度:200px"



李{
-webkit-column-break-inside:避免；
内部分页:避免；
闯入:避免；
}


例子:

https://jsfiddle.net/jh2yeadf/3/