我们正在使用新的css3多列布局属性将我们的文本输入报纸专栏。每列的宽度都是固定的,并且列数默认为“ auto”,这意味着浏览器可以确定有多少列。
如何在Javascript中将实际的列数获取为整数?
如果查询CSS的“ column-count”(或-moz-column-count),则结果为“ auto”或空白。
秘诀是在内容的末尾放置一个小标记。您可以通过编程方式添加一个空白范围:
<span id="mymarker"></span>
然后使用jquery $(“#mymarker”)抓取范围,并获取“ left”属性。用该数字除以列的宽度(针对column- gap进行调整),这将告诉您最后一个元素所在的列。值上的Math.ceil()并具有列数。