如何在webkit中获取多列布局中的列数

Question

我有一些静态HTML内容。我需要使用多个列对其进行格式化，然后将这些列作为页面呈现给用户。我使用一些非常简单的东西归结为：

bodyID = document.getElementsByTagName('body')[0];
bodyID.style.width = desiredWidth;
totalHeight = bodyID.offsetHeight;
pageCount = Math.ceil(totalHeight/desiredHeight);
bodyID.style.width = desiredWidth*pageCount;
bodyID.style.height = desiredHeight;
bodyID.style.webkitColumnGap = 0;
bodyID.style.webkitColumnCount = pageCount;

现在，我的问题是webKit应该尊重height属性，并且可以创建更多列，而不是询问内容是否不适合pageCount列数。

我需要能够在之后获得列数以正确实现分页。但是，即使列数较多，document.getElementsByTagName('body')[0].style.webkitColumnCount的值也不会与pageCount不同。

任何想法，如何获得渲染列的总数？

提前致谢。

Answer 1

解决方案比我想象的要简单得多。只需使用bodyID.scrollWidth获取页面的实际宽度，然后除以desiredWidth即可获得实际页数。

希望这有助于某人。