Flexbox无法在打印视图中分页（以及其他问题）

Question

我有一个简单的网页：

for (var i = 0; i < 1000; i += 1) {
  document.write("<div>The quick brown fox jumps over the lazy dog. " + i * 1001 + " <hr /> The lazy brown fox quickly jumps over my dog.</div>");
}

body {
  display: flex;
  flex-flow: row wrap;
}
body > div {
  page-break-after: auto;
  border: 1px solid #ccc;
  padding: 1em;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 2.5cm;
}

当您进入“打印预览”时，您可以看到页面的末尾部分根本不打印。而且，如果您向下滚动，flexbox会完全放弃尝试使行在某个时候正常工作。

这些问题可以解决吗？如果没有，是否有另一种方法来创建没有这些问题的动态网格？ （这样做的全部目的是创建打印输出。）