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

css - CSS 列底部的额外空间

我有一个里面有图像的容器。我使用 CSS 列和媒体查询来确定我的布局。我在底部放了一个段落标签,并注意到它底部有多余的空间。这就是我在这个小提琴中所说的。http://jsfiddle.net/sEe7x/11/。奇怪的是发生在黄色和橙色的断点处。有谁知道是什么原因造成的?

这是我的代码

编辑:第一个小提琴解决了。我更新了一个 JS fiddle,我的真实代码被剥离并重新创建了这个问题。我使用 SASS,所以 CSS 是输出。

0 投票
1 回答
398 浏览

css - 为什么我不能将 CSS3 列应用于此文本?

我试图让我的文字在我的不倒翁博客上有两列。我做了一个类:

这适用于我做的一个小测试:

你可以在这里看到

但是当我尝试在我的博客中将其应用于文本时,它不起作用。如果我将它应用于整个博客,它会起作用,但我只想将它应用于某些文本部分。在 tumblr 中,我正在使用:

但是,它不会更改您在我的博客主页上看到的文本 lorem ipsum 文本)。{Body} 部分似乎没有任何会导致问题的东西(您可以在页面的源代码中看到 CSS 和文本。我觉得我缺少对 CSS 类的一些基本了解,因为我还没有甚至成功地尝试在文本中添加一些简单的东西,比如下划线。我希望有人能指出我正确的方向。

作为参考,我在我的博客上发布了一张我正在尝试制作的图片,但我没有足够的声誉在此处添加它。

0 投票
2 回答
167 浏览

sql - 计算同一个表中的列

我一直在尝试在 2007 年访问时开发现金流量表。这在 excel 中使用公式很容易完成,例如

但是在访问时,我似乎无法解决这个问题。对于我们输入数据的每家公司,我都需要这个。现金流量表应该是这样的(因为我还不能发布图片):

以及该行中大约 10 个其他项目,所有项目都包含 1 月到 12 月的条目,但是,有时我们需要 6 个月的数据,有时需要全部 12 个月的数据。(想象一个基本的 Excel 表,第一列有项目,接下来的 12-13 列有标题)。

在访问中,我为每个项目制作了以月份为列的表格,例如。tblRcpt--> |rcpt_ID|Jan|Feb|... 以此类推,直到 12 月所有项目。然后它们将被安排并呈现在一个条目表格中,该表格的设计看起来类似于上表,而稍后我将查询并将它们链接在一起以呈现完整的现金流量表。

现在问题来了,我需要对列进行平均(如您在最右边的列中所见),但我只想对已填充的月份进行平均(有时在会计人员输入“0”的地方没有数据),所以我不能只对列求和并除以十二。它必须是动态的,所有功能似乎都以计算和平均 ROW 为中心,而不是 COLUMN。

感谢您对我的包容并阅读本文,我们将不胜感激任何帮助。

0 投票
0 回答
1088 浏览

css - CSS3 列数:2 + 高度:100% 截断图像

在显示一堆段落<p>元素的过程中,混入了很多<div>,所以显示出来的效果很好,就像一本打开的书,我将<html>设置为

和 <body> 到

除了图像被截断并显示到“下一页”之外,它们都工作得很好,即,图片被分成两列显示。

我试过设置

试图恢复图像的完整性,但没有运气。任何帮助,将不胜感激。

谢谢

0 投票
2 回答
5568 浏览

css - column-count not affecting table

The column-count property doesn't affect the table.
HTML:


CSS:

Fiddle: http://jsfiddle.net/8rydn/

Update:
If column-count is not a good option to use on a <table>, is there a better way to move 3 <tr>s onto each line?

0 投票
3 回答
1902 浏览

html - CSS 3: When using image in Column-count the top of the columns no longer align

I am using CSS3 column-count. When I insert a image into the column text, the top of the columns no longer align.

I cannot make it work in IE 10, Firefox, Opera and Chrome in Windows 8.

I have searched but could not find anything on the subject. What can I do?

Kinde Regards

http://jsfiddle.net/lassebjensen/KeWX8/

Html:

Css:

0 投票
5 回答
19273 浏览

css - 我可以水平而不是垂直排列我的 CSS 列吗?

这是我的代码:

结果是:
1 4 7 10
2 5 8 11
3 6 9 12

我想要的是:
1 2 3 4
5 6 7 8
9 10 11 12

那可能吗?我该怎么做?

0 投票
0 回答
218 浏览

vb.net - 如何继承 TableLayoutPanel 并将其默认为一列

我正在尝试继承一个 tablelayoutpanel 并设置自定义数量的行和列。

我发现了一些允许这样做的代码。

但是,当我更改代码以使 columncount 或 rowcount 为 1 时,将控件放到窗体上时,我会得到一个超出范围的索引。

有什么我想念的东西可以让它工作吗?

0 投票
2 回答
4512 浏览

html - 使用以下文本保留标题

我正在使用 css column-count 功能将我的部分分成两列。在一个页面上,我在第一列的底部有一个 h3 标题,在下一列的顶部有以下 p 段。我想将标题与段落的前几句保持一致。我可以通过将两者都包装在使用 inline-block 样式的 div 中来保留整个段落。这适用于短段落,但不适用于长段落。我也可以任意拆分段落,但如果在标题之前添加了额外的内容,我可能不得不将它重新组合在一起,迫使它进入下一列。如果不可能,因为列数是新的,我不会感到惊讶。

更新

根据下面@Jon 的建议,我现在知道了关键字,所以我尝试从我在网上找到的示例中进行破解。

CSS:

HTML:

在 OS X 平台上,它在 Firefox 24.0 中根本不起作用。在 Safari 6.0.5 和 Chrome 30.0.1599.66 中,它将标题移动到下一列,使其位于文本上方。但是,无论我在段落中添加了多少文本,浏览器都不会在段落中放置一个断点。它就像 inline-block 一样工作。我猜他们认为“避免”意味着不惜一切代价避免。这种方法似乎是正确的方法。只是目前没有得到很好的支持。

0 投票
2 回答
5960 浏览

css - 使用列数,如果分辨率更小,您可以动态地从 3 列更改为 2 列吗?

我正在使用该column-count属性来设置一个页面,该页面在三列中有多个 div,这在大屏幕上看起来很棒。每个 div 都有一个固定的宽度,比如 500 像素(包含图像)。

然而,当在较小的屏幕上工作时,浏览器会尝试将原始 \three 列中的内容强制转换为两列。当内容开始重叠时,是否有首选的最佳方法让内容转到两列?