Html 内部分页符：避免在Firefox中无法正常工作？

我有一些我正在处理的遗留代码，它利用了子元素上的

避免
的
列计数：2
和
内部的
分页符

当有多个子元素时，这是可以预期的，但是当只有一个子元素时，元素会在Firefox上分为两列。在chrome上，一个元素按预期包含在第一列中

我制作了一个代码笔来演示这个问题：
比较一下Chrome和Firefox的区别，了解我在说什么

我能找到的关于这方面的所有资源都说，Firefox自Firefox 19以来就支持
内部分页

如果不完全重写我的代码库，我在这里还缺少什么东西来解决这个问题吗？
指定
.child{overflow:hidden；}
修复了这个问题，但感觉有点像黑客。
这确实感觉有点像黑客，但它可能是迄今为止我见过的最干净的解决方案。我提出的解决方案涉及将子对象设置为
display:table这似乎也是一个黑客。非常好！我在FF，Edge也有同样的问题。下面是quickatit.com上的示例链接