3

我有一些静态 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

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

提前致谢。

4

1 回答 1

3

解决方案比我想象的要简单得多。这只是使用获取页面的实际宽度bodyID.scrollWidth然后除以desiredWidth得到实际页数的问题。

希望这可以帮助某人。

于 2011-02-19T19:21:57.153 回答