一尘不染

如何在Javascript中获取CSS3多列计数

css

我们正在使用新的css3多列布局属性将我们的文本输入报纸专栏。每列的宽度都是固定的,并且列数默认为“ auto”,这意味着浏览器可以确定有多少列。

如何在Javascript中将实际的列数获取为整数?

如果查询CSS的“ column-count”(或-moz-column-count),则结果为“ auto”或空白。


阅读 219

收藏
2020-05-16

共1个答案

一尘不染

秘诀是在内容的末尾放置一个小标记。您可以通过编程方式添加一个空白范围:

<span id="mymarker"></span>

然后使用jquery $(“#mymarker”)抓取范围,并获取“ left”属性。用该数字除以列的宽度(针对column-
gap进行调整),这将告诉您最后一个元素所在的列。值上的Math.ceil()并具有列数。

2020-05-16