我们正在使用新的 css3 多栏布局属性将我们的文本放入报纸栏中。每列都有固定的宽度,列数默认为“自动”,这意味着浏览器决定有多少列。
我们如何在 Javascript 中获取实际的列数作为整数?
如果我们查询 css“column-count”(或 -moz-column-count),结果要么是“auto”,要么是空白。
最佳答案
秘诀是在内容的末尾放置一个小标记。您可以以编程方式添加一个空跨度:
<span id="mymarker"></span>
然后使用 jquery $("#mymarker") 获取跨度并获取“left”属性。将该数字除以列宽(针对列间距进行调整),这将告诉您最后一个元素在哪一列。值上的 Math.ceil() 和列数。
关于javascript - 如何在 Javascript 中获取 css3 多列计数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6989306/