javascript - 如何在 Javascript 中获取 css3 多列计数

标签 javascript css multiple-columns

我们正在使用新的 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/

相关文章:

javascript - 下一个子 LI 包裹在不同的 UL 中

javascript - 通过原型(prototype)继承扩展ES2015

linux - 为什么linux txt文件中有隐藏列?

javascript - 如何使用 React Router 将 div 放入 Switch 中?

javascript - 新创建的列表项并不总是通过 Socket IO 触发事件

php - 使用 codeigniter 的事件菜单选项卡

css - :focus/:hover for multiple instances of same icon 上的 clipPath 转换

string - 在 R 中查找不同列中的字​​符串

html - Mysql 数据库 - 需要 3 个相等的列

javascript - 如何检索函数输入 javascript