问题标签 [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.
css - CSS 列底部的额外空间
我有一个里面有图像的容器。我使用 CSS 列和媒体查询来确定我的布局。我在底部放了一个段落标签,并注意到它底部有多余的空间。这就是我在这个小提琴中所说的。http://jsfiddle.net/sEe7x/11/。奇怪的是发生在黄色和橙色的断点处。有谁知道是什么原因造成的?
这是我的代码
编辑:第一个小提琴解决了。我更新了一个 JS fiddle,我的真实代码被剥离并重新创建了这个问题。我使用 SASS,所以 CSS 是输出。
css - 为什么我不能将 CSS3 列应用于此文本?
我试图让我的文字在我的不倒翁博客上有两列。我做了一个类:
这适用于我做的一个小测试:
你可以在这里看到
但是当我尝试在我的博客中将其应用于文本时,它不起作用。如果我将它应用于整个博客,它会起作用,但我只想将它应用于某些文本部分。在 tumblr 中,我正在使用:
但是,它不会更改您在我的博客主页上看到的文本( lorem ipsum 文本)。{Body} 部分似乎没有任何会导致问题的东西(您可以在页面的源代码中看到 CSS 和文本。我觉得我缺少对 CSS 类的一些基本了解,因为我还没有甚至成功地尝试在文本中添加一些简单的东西,比如下划线。我希望有人能指出我正确的方向。
作为参考,我在我的博客上发布了一张我正在尝试制作的图片,但我没有足够的声誉在此处添加它。
sql - 计算同一个表中的列
我一直在尝试在 2007 年访问时开发现金流量表。这在 excel 中使用公式很容易完成,例如
但是在访问时,我似乎无法解决这个问题。对于我们输入数据的每家公司,我都需要这个。现金流量表应该是这样的(因为我还不能发布图片):
以及该行中大约 10 个其他项目,所有项目都包含 1 月到 12 月的条目,但是,有时我们需要 6 个月的数据,有时需要全部 12 个月的数据。(想象一个基本的 Excel 表,第一列有项目,接下来的 12-13 列有标题)。
在访问中,我为每个项目制作了以月份为列的表格,例如。tblRcpt--> |rcpt_ID|Jan|Feb|... 以此类推,直到 12 月所有项目。然后它们将被安排并呈现在一个条目表格中,该表格的设计看起来类似于上表,而稍后我将查询并将它们链接在一起以呈现完整的现金流量表。
现在问题来了,我需要对列进行平均(如您在最右边的列中所见),但我只想对已填充的月份进行平均(有时在会计人员输入“0”的地方没有数据),所以我不能只对列求和并除以十二。它必须是动态的,所有功能似乎都以计算和平均 ROW 为中心,而不是 COLUMN。
感谢您对我的包容并阅读本文,我们将不胜感激任何帮助。
css - CSS3 列数:2 + 高度:100% 截断图像
在显示一堆段落<p>元素的过程中,混入了很多<div>,所以显示出来的效果很好,就像一本打开的书,我将<html>设置为
和 <body> 到
除了图像被截断并显示到“下一页”之外,它们都工作得很好,即,图片被分成两列显示。
我试过设置
试图恢复图像的完整性,但没有运气。任何帮助,将不胜感激。
谢谢
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?
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:
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
那可能吗?我该怎么做?
vb.net - 如何继承 TableLayoutPanel 并将其默认为一列
我正在尝试继承一个 tablelayoutpanel 并设置自定义数量的行和列。
我发现了一些允许这样做的代码。
但是,当我更改代码以使 columncount 或 rowcount 为 1 时,将控件放到窗体上时,我会得到一个超出范围的索引。
有什么我想念的东西可以让它工作吗?
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 一样工作。我猜他们认为“避免”意味着不惜一切代价避免。这种方法似乎是正确的方法。只是目前没有得到很好的支持。
css - 使用列数,如果分辨率更小,您可以动态地从 3 列更改为 2 列吗?
我正在使用该column-count
属性来设置一个页面,该页面在三列中有多个 div,这在大屏幕上看起来很棒。每个 div 都有一个固定的宽度,比如 500 像素(包含图像)。
然而,当在较小的屏幕上工作时,浏览器会尝试将原始 \three 列中的内容强制转换为两列。当内容开始重叠时,是否有首选的最佳方法让内容转到两列?