问题标签 [border-collapse]

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 投票
5 回答
36808 浏览

css - CSS中的表格边框颜色与边框折叠

我想在表格中的某个字段上方放置一行,以表明它是上述值的总和。但是,默认情况下,表格已经有边框。

这是一个示例:我有一个边框折叠的表格。我将边框底部设置在一个字段上,并将边框顶部设置在它下方的字段上。这两个都指定了相同的边界。使用顶部的 CSS。有没有办法使用底部的?

这显示了两个单元格,它们之间有一条红线。有没有办法获得金线?

0 投票
2 回答
1183 浏览

html - 位置sticky和thead单元的背景颜色隐藏tbody的轮廓

你如何防止红色轮廓被绿色背景颜色隐藏th并保持border-collapse?是否有定义此行为的 CSS 规范?

在此处输入图像描述

0 投票
1 回答
30 浏览

html - 带有黑色边框的表格行之间的空间

我有一个表格,我想要在其中的行之间留有空间,并且每行周围都有一个黑色边框

  • border-collapse = collapse:每行都有黑色边框,但行之间没有空格

在此处输入图像描述

  • border-collapse = separate: 是行之间的空间,但每行周围没有黑色边框

在此处输入图像描述

如果我border-collapse从 css 中删除,它的行为与第一张图像完全相同。我怎样才能将两者结合在一起?

0 投票
1 回答
36 浏览

collapse - Bootstrap 调整大小折叠导航栏

我正在写我的文凭,我必须使用 Bootstrap 为公司编写网页。我的实际问题是,当我的导航栏折叠我的导航项后面的彩色容器时,它只会在单词结束的地方结束。像这样:

在此处输入图像描述

我真的不是最好的程序员,所以我只能向你们展示我的 php 和我的 css 代码。它最终应该是这样的:

在此处输入图像描述

所以它应该与窗口具有相同的宽度。但只是在折叠视图中。

0 投票
1 回答
26 浏览

css - 元素的边框折叠问题(不是表格)

我一直在尝试获取要合并的元素的边框...我认为边框折叠将是解决此问题的直接解决方案...但显然不是,或者我在滥用它。

这是我的代码...

索引.html:

样式.css:

我仍然会在元素相遇的地方看到 2px 边框的外观。感谢您的帮助...我查看了一些线程,但没有找到答案。再次感谢!

0 投票
0 回答
38 浏览

html - CSS。双单元格边框

有人可以解释一下为什么我在简单表格上每 2-5 行看到 2px 底部边框。似乎问题取决于显示器,它在某些显示器上消失了。在某些监视器中,仅当我在浏览器中缩放内容时才会出现。但为什么?我强烈使用:

恕我直言,边框应始终为 1px 粗细(如果内容被缩放,则为 2px)。但是一些 1px 和一些 2px 的边框看起来又奇怪又脏。

在此处输入图像描述

例子: