当前位置: 首页 > 面试题库 >

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

孔波
2023-03-14
问题内容

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

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

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


问题答案:

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

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

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



 类似资料:
  • 问题内容: 这是该问题的后续措施。 我正在开发CKEditor的组件,这是字体下拉菜单的调整版本,始终显示当前选择的字体系列/大小值,无论它们在何处定义,使用和排序。 正如您在另一个问题中看到的那样,确定字体大小现在可以跨浏览器使用。现在我在使用该属性时遇到了麻烦。我的通用“计算样式”函数仅返回定义的完整字体字符串,例如 为了使设置与字体家族下拉列表中的条目匹配,我需要的是我正在检查的DOM元素的

  • CSS3 可以将文本内容设计成像报纸一样的多列布局,如下实例:.newspaper { border:1px black solid; padding: 15px; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; -webkit-col

  • 问题内容: 我在stackoverflow上以2种不同的形式看到了此消息,但是解决方案对我不起作用。 本质上,我有一个要翻译的项目。当我执行obj.style.left或obj.offsetLeft时,翻译完元素后,我得到0。无论如何,在使用css3翻译完元素后,我是否可以获得元素的坐标/位置? 我不能使用jQuery(因为我不能,也因为我想了解解决方案,而不仅仅是在不了解底层情况的情况下使用库)

  • CSS3支持多列将文本排列为新闻纸结构。 一些最常用的多列属性如下所示 - Sr.No. 价值和描述 1 column-count 用于计算元素应划分的列数。 2 column-fill 用于决定如何填充列。 3 column-gap 用于决定列之间的差距。 4 column-rule 用于指定规则的数量。 5 rule-color 用于指定列规则颜色。 6 rule-style 用于指定列的样式

  • 问题内容: 我想得到 1到24 ,太平洋时间凌晨1点。 如何在Node.JS中获得该号码? 我想知道现在太平洋时间现在几点。 问题答案: 您应该检出Date对象。 特别是,您可以查看Date对象的getHours()方法。 getHours()返回0到23之间的时间,因此请确保相应地进行处理。我认为0-23有点直观,因为军事时间是从0-23开始,但这取决于您。 考虑到这一点,代码将类似于以下内容:

  • 问题内容: 之间有什么区别: 和 如何通过column-indexnumber获取数据?而不是通过索引字符串? 问题答案: 一个是列(又名系列),而另一个是DataFrame: 列“ b”(又名系列): [1]中具有列(位置)的子数据框: 注意:最好(而不是模棱两可)指定您是在谈论列名,例如[‘b’]还是整数位置,因为有时您可以将列命名为整数: