问题标签 [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 投票
2 回答
3815 浏览

sql - 使用列数和名称选择 sql 表名

我的 SQL Server 数据库中共有 10 个表。在那 5 个表中有 21 列,前 5 列和后 3 列同名。

如何编写一个 SQL 查询来选择这 5 个表的名称。

[使用 SQL Server 数据库中的列数和列名选择表名]

例如:-

数据库名称 - SampleDB

SampleDB 中可用的表是

  1. dbo.sample1
  2. dbo.sample2
  3. dbo.sample3
  4. dbo.sample4
  5. dbo.sample5
  6. dbo.sample6
  7. dbo.sample7
  8. dbo.sample8
  9. dbo.sample9
  10. dbo.sample10

在这个表[dbo.sample1,dbo.sample4,dbo.sample5,dbo.sample7,dbo.sample9] 中每个包含 21 列。这 5 个表的前 5 列名称和后 3 列名称相同。我需要一个查询来选择这 5 个表的名称。

输出会像

1 dbo.sample1
2 dbo.sample4
3 dbo.sample5
4 dbo.sample7
5 dbo.sample9

有意义吗?

0 投票
0 回答
204 浏览

google-maps - 具有列数 css 属性的 div 中的 Google 地图导致地图无法使用

我将带有 javascript api v3 的 Google 地图嵌入到使用 column-count css 属性拆分为列的 div 中。地图在第一列中时有效,但如果它是另一列中的后面元素,则地图图块不会出现。

Codepen 与第一列中的工作图:http: //codepen.io/dan-sil/pen/grRKJz

Codepen 在第二列中带有损坏的地图:http: //codepen.io/dan-sil/pen/bpRKJQ

任何帮助表示赞赏!

编辑:我只需要它在 Chrome 中工作,因为它被嵌入到 chromecast 应用程序中。如果我的所有项目都可以在没有 IE 支持的情况下运行... :)

0 投票
1 回答
1023 浏览

css - 奇怪的 CSS:Bootstrap 4 卡片列中的效果

我正在为一个项目使用 Bootstrap 4 砌体卡布局,并且在该项目中我有一个<select>具有自定义样式的项目。自定义样式的一部分是使用 CSS 制作的插入符号:after。不同的浏览器给了我不同的结果,我想把它贴在这里,以防有人有解决方案。我不确定这是引导程序问题还是 CSS 规范问题,所以也许有人也可以在那里阐明。

  • Chrome Canary:一切看起来都很好
  • Chrome:第一列看起来不错,但第一列之后的任何列看起来都很糟糕,除非你去移动设备(我将它设置为只有 1 列),然后它在那里显示得很好。仅当有超过 1 列时。
  • 火狐:一切都很好
  • Safari:第一列出现,但第一列之后的任何列插入符号和文本都不会出现。

这是一个 Codepen 链接:http ://codepen.io/derekshull/pen/GZQaRY

0 投票
2 回答
1320 浏览

css - 为什么列数会破坏引导程序?

我想将此布局与引导程序合并:

https://jsfiddle.net/clankill3r/j9hj8rw8/

在此处输入图像描述

(这里的列平衡得很好,没有间隙,这是我用引导程序无法完成的事情(也许有可能,如果有,请告诉我)。

现在的问题是,一旦我开始使用列数,布局似乎就会中断。

(查看图片右侧) 在此处输入图像描述

为什么会这样?

https://jsfiddle.net/clankill3r/t528eozd/4/

0 投票
0 回答
533 浏览

ios - iOS 上的 CSS3 列数问题

有什么解决方法吗?

我已经申请

但它不适用于 iOS 。

0 投票
0 回答
82 浏览

html - CSS网格 - 将按列数划分的部分相互对齐

我正在使用“列计数”来创建一个向上对齐的项目网格(“ column-gap: 0px”)。

看起来不错,但是当我尝试实现无限滚动时问题就开始了。

我在第一个网格下方添加了另一个具有相同结构的网格,但无法将其与第一个网格的项目对齐。在部分之间创建一些不需要的间隙。

是否有任何与上述对象对齐的选项?

我只发现了对我没有帮助的垂直对齐标准选项。

这是它的外观:(项目有不同的高度)

0 投票
0 回答
191 浏览

image - 使用与我的灯箱图像混淆的列计数网格

我想使用列数网格来帮助使我的投资组合库响应更容易。我正在重做我的网站,所以对于灯箱编码,它与我之前的一样,并且运行良好。

但是,一旦我得到正确的网格,我现在注意到当我单击我的图像以缩放到更大的尺寸时,无论我的图像尺寸如何,它们都会扩展到整个页面。如果我删除网格,它工作正常。关于可能是什么问题的任何建议?

这是我的画廊 html:

画廊的CSS:

和灯箱CSS:

0 投票
1 回答
967 浏览

html - 引导嵌入响应不适用于 css 列数?

bootstrap embed-responsive 不适用于 css column-count。例如:

结果:

在此处输入图像描述

第二个和第三个视频没有显示!

任何想法为什么以及如何解决它?

笔记:

这似乎是 Chrome 上的一个错误。火狐没问题。

0 投票
3 回答
809 浏览

css - 在列计数中使用分隔符

我想在使用CSS的列数时在每一列中使用分隔符。

HTML:

CSS:

我想要什么像- 在此处输入图像描述

我尝试:

只有 li 右侧的边框,而不是最后一列的边框。

0 投票
1 回答
377 浏览

css - 倾斜元素在 chrome 上的列计数配置中中断

给定一个使用 css 属性的具有 3 列的容器column-count,并且每列都倾斜transform: skewX(-15deg),如果我在列内应用另一个倾斜操作,从第二列开始,受影响的元素将变得不可见。

我做了一个小例子来说明这个问题: https ://jsfiddle.net/yvkeax2s/4/


在 Google chrome(版本 51.0.2704.103 m)上,我得到以下信息:

Chrome 51.0 结果

在 Firefox (47.0) 上,我得到了正确的预期结果:

Firefox 47.0 结果

(被截断的倾斜块似乎是另一个问题,我目前并不关心,但可能仍然值得注意)

这似乎是 chrome with 中的一个错误column-count,但是是否有解决方法可以使其正常工作?

编辑:我在版本 53.0.2780.0 canary 上对此进行了测试,并且它有效,因此该错误似乎已经为将来修复。