Javascript 在列中打印动态数据

Javascript 在列中打印动态数据,javascript,html,css,Javascript,Html,Css,我有一个可以打印的测验。我不知道测验中有多少问题(来自json文件的动态数据),我希望打印页面在列中。每页将有2列 我不知道每个问题有多长,我也不希望问题从左栏开始到右栏结束。一个完整的问题应该被屏蔽 我尝试了这个插件:但是它没有按照我想要的那样工作(这个插件的问题可以从左边开始,到右边结束) 另外(如果有帮助的话)我正在使用引导 基本上,这就是我想要实现的目标: 为什么不使用普通的css3列属性和分页符呢 style=“列计数:2;-moz列计数:2;-webkit列计数:2;宽度:400p

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

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

我尝试了这个插件:但是它没有按照我想要的那样工作(这个插件的问题可以从左边开始,到右边结束)

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

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


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


style=“列计数:2;-moz列计数:2;-webkit列计数:2;宽度:400px;高度:200px”


李{
-webkit列内部中断:避免;
内部分页符:避免;
破门而入:避免;
}

例如:


也可以选择使用flexbox布局,但据我记忆所及,它不适用于IE9(无法测试)

css:

html:


1.
...
17
给你一个小演示:

以及有关flexbox的更多信息

到目前为止,您尝试了什么?另外,如果不查看您的标记,任何人都很难向您推荐合适的解决方案。
但它没有按照我的要求工作。
您的意思是什么?您尝试过查看吗?(CSS3列)@Dropout这意味着有了这个插件,问题可以从左栏开始,从右栏结束。@MichaelRose,谢谢,但我需要IE9的支持
.container {
  background: blue;
  width: 100px;
  height: 100px;
  flex-direction: column;
  display: flex;
  flex-wrap: wrap;
}

.insider {
  background: white;
  height: 16px;
  width: 16px;
  margin: 2px;
}
<div class="container">
  <div class="insider">1</div>
  ...
  <div class="insider">17</div>
</div>