CSS列错误修复或替代

Question

由于Chrome（和其他Blink浏览器）的错误，只有前500列被绘制，我需要修复/黑客或替代解决方案。

请参阅此处的错误（有509页 - 不是500页）：https://codepen.io/anon/pen/pLxozK

/* codepen link must be accompanied by code */
column-width: 400px;

我将EPUB html解析为单个文件。必须保留EPUB的样式，因此我无法更改html结构。

CSS列可以很好地水平渲染这样的平面文档。但Blink中的500限制意味着Android Webviews中的空白页。

此错误是否有解决方法？

用户可以调整字体大小等意味着列数可以更改。因此，替代解决方案必须能够进行调整。

Answer 1

多么酷的小虫子，我以前从未见过它！

根据您的看法，您需要将display:none添加到div的某些内容中。你需要使用Javascript来查看视图中的内容，看看有什么不是。您将获得不必要地不使用任何系统资源的额外好处，因为您不会绘制任何不在视图中的页面。