ccl*_*eve 6 javascript css3 multiple-columns
我们使用新的css3多列布局属性将我们的文本放入报纸专栏.每列都有一个固定的宽度,列数默认为"auto",这意味着浏览器决定了有多少列.
我们如何在Javascript中将实际列数作为整数？
如果我们查询css"column-count"(或-moz-column-count),我们会得到"auto"或结果为空.
ccl*_*eve 17
秘诀是在内容的末尾加上一个小标记.您可以通过编程方式添加空跨度:
<span id="mymarker"></span>
然后使用jquery $("#mymarker")获取span并获取"left"属性.将该数字除以列的宽度(针对列间距进行调整),这将告诉您最后一个元素所在的列.数值上的Math.ceil()并且您具有列数.