问题标签 [column-count]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4187 浏览

sql-server - 使用 spark sql 在 sqlserver 上执行查询

我正在尝试使用 spark sql 获取 sql server 中架构中所有表的行数和列数。

当我使用 sqoop 执行以下查询时,它给了我正确的结果。

但是当我尝试从 spark sql 执行相同的查询时,我收到一个错误“ com.microsoft.sqlserver.jdbc.SQLServerException:关键字'WHERE'附近的语法不正确”请帮助我,如果有人知道这个错误。

下面是我执行 spark-shell --jars "/var/lib/sqoop/sqljdbc42.jar" 的 spark sql 命令

预期输出:

表名、RowCnt、ColCnt

表 A, 62, 30

表 B, 3846, 76

0 投票
1 回答
76 浏览

css - 带有列数的 Img“轻弹”

我使用 Google Chrome 和 Safari 在我的网站上的图库中出现显示错误。我创建了column-count3 列。但是第 2 列和第 3 列中显示的第一张图像显示不正确。当我将鼠标悬停在图像上时,会出现一种“闪烁”。我多久没有在 Mozilla Firefox 或 MS Edge 中出现此错误。

演示

HTML:

CSS:

<p>- 由 Wordpress 自动创建的标签。

0 投票
1 回答
176 浏览

css - 元素之间的列数高度问题

我遇到了 column-count CSS 属性的问题。

我将它与媒体查询一起使用,以使我的页面在移动时更具动态性。

但是,我的表格之间存在很大差距的问题。目前,我正在将高度硬编码为“修复”,但这不是正确的方法。

有没有人遇到过这种类型的问题?

JSFiddle 演示

0 投票
1 回答
236 浏览

css - CSS column-count 打破了 Chrome 中的表格滚动

我在页面中使用了两列计数。我也使用带有固定标题和滚动的表格。

问题是如果我滚动然后我看不到所有项目。最后显示的项目是“407 ...”,但应该是“409 ...”隐藏的项目(等待滚动)就消失了。我发现问题可能是隐藏的项目被渲染到第二列。

我使用 Chrome,但在 Firefox 中它是有效的。

有谁知道如何解决这个问题?

0 投票
1 回答
57 浏览

css - CSS列数列表问题

我有一个从数据库中回显的列表,并给它列数为 2。我将在页面上打印大约 20 个列表项。太好了,除了当我到达页面底部时,最后一项被分解,然后一些列表项进入第二列的顶部。有没有其他人遇到过类似的问题或有更好的解决方案来防止分手?

0 投票
2 回答
143 浏览

css - 列数 3 永远不会留下包含 1 个项目的行

我注意到,当我在代码中使用 column-count: 3 时,例如,我有 7 个项目。前两列各有 3 个元素,第三列只有一个元素(参见图片示例)。

这是 column-count 的正常行为,还是 column-count 应该平等地填充所有列?

在此处输入图像描述

更新-

我尝试弄乱 caiovisk 的答案,并将代码从 li 元素更改为 div,因为这就是我正在使用的。

这似乎很好用,但在我的情况下,有时元素可能比其他元素更大,从而导致间隙(见下图)。您如何使用 flex 方法解决此问题?

弹性图片

0 投票
0 回答
102 浏览

css - 带有媒体查询的列数

我正在尝试使用列数和媒体查询来获得一个由 8 个图像组成的网格来填充页面的整个宽度,但是在指定 5 或 6 列时,右侧有一个空列。

这也会发生:

使用 9 或 10 张图片时,6 列不起作用 使用 11 张图片时,5 列不起作用

任何线索表示赞赏,谢谢

0 投票
0 回答
184 浏览

html - column-count 属性在 safari 和 firefox 中无法正常工作

我们正在开发一个具有多个 div 的仪表板,我们正在尝试在左侧堆叠一组 div,在右侧堆叠一组 div,基本上在 main-container-Div 中以两列的形式堆叠 div。主 div 分配了一个名为 column-count=2 的属性,并且在 Chrome 中一切正常。但是当我们在 safari 和 firefox 上进行测试时,列数无法正常工作,因为子 div 没有得到动态分成两列。这个问题背后的原因是什么?对此问题的任何帮助将不胜感激。

0 投票
1 回答
209 浏览

css - 在特定屏幕尺寸上设置类(引导程序)

我正在使用引导程序。

并且想根据屏幕大小加载几个类,如 sm-col、xs.col。

示例:获取文本 ID

如果正在加载 xs 屏幕,它应该在 1 列中加载文本,在 sm 屏幕上加载 3 列,在 lg 屏幕上加载 5 列。

有什么提示吗?

问候 n00n

0 投票
1 回答
96 浏览

css - 列数在 chrome 的字段中不起作用

有没有人注意到字段集标签在 Chrome 中不支持列数或 flex 样式?有谁知道解决方法?不幸的是,这是在我无法控制的环境中创建的。所以,我无法更改 HTML。

我创建了一个呈现 4 列内容的 codepen。但如果你在 Chrome 中查看它,它只有一列。

https://codepen.io/mrowka3d/pen/ZZqzVK?editors=1100