问题标签 [css-tables]

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 投票
4 回答
11340 浏览

css - 如何解决IE 8表格行背景图片bug

任何人都可以帮我解决这个问题吗?该解决方案不适用于 IE 8。

简而言之 - 如果您将背景图片应用于表格行,则背景将应用于内部单元格。

0 投票
3 回答
9052 浏览

css - 当元素具有 display:table-cell 时忽略 min-width 和 max-width

我正在尝试使用CSS 表格技术进行简单的流体布局,但我在其中发现了一个大缺陷:在具有表格单元格显示的元素上忽略了最小宽度和最大宽度。

您是否知道任何解决方法可以让我在以下示例中指定#sidebar 元素可以拉伸多远?

XHTML:

CSS:

0 投票
8 回答
49577 浏览

javascript - html:悬停表格列

当鼠标悬停在html 表格列上时,如何更改其背景列?

最好只使用 css。

0 投票
3 回答
18709 浏览

css - tr:nth-child(even) 帮助。如何申请一个班级?

我对 CSS 不是很好,我需要一些帮助。

我有一张桌子,我希望每隔一行都是灰色的,而交替的行是白色的。但我只希望它发生在一张特定的桌子上。

我在我的 CSS 中添加了一些代码:

但问题是它影响了我网站上的每张桌子。我还没有找到任何仅适用于某个类的示例。那可能吗?我希望它仅适用于:

0 投票
4 回答
378 浏览

css - 将表格标签转换为标准 CSS 的最简单方法是什么?

我尝试手动执行此操作,但很容易出错。有没有更简单的方法来自动转换它?

0 投票
2 回答
5181 浏览

html - 在 Safari 中为每个 DIV 表元素获得不需要的 1px 额外高度

我对一行包含三个单元格的表格有疑问。其中两个(左和右)具有固定的宽度/高度,并且应该显示图像(或在没有图像时缩小到 0)。中间单元格占用表格中固定总数的剩余空间。

问题:现在我得到了 3px 的额外空间,“图像容器”似乎扩展了(在单元格下方)。例如,您可以通过检查“starredunread”元素来查看它,它的高度从 20px 增长到 23px。而且我不知道发生了什么,因为默认情况下边距/填充已经关闭,并且border:0和border-collapse:collapse没有帮助。

这是CSS文件:

这是 HTML 代码:

...没有图像看起来不太好,但无论如何它证明了我的问题。

知道我做错了什么吗?非常感谢您的意见!该代码只需要在 Safari / Webkit 中工作。

0 投票
2 回答
5701 浏览

css - CSS表格 - 将输入框展开整个长度而不换行

我有一个表格,其元素结构如下:

我希望它看起来的方式是,标签位于输入框旁边,输入框展开以适合整个容器。如果我在输入框上设置了手动宽度(以像素为单位),那么并非每个框的长度都相同。

如果我尝试将宽度设置为 100%,那么输入框会换行以扩大整个宽度。

我怎样才能让标签(谁的宽度是可变的)位于输入框的左侧,并使这些输入框展开以适合其包含的 div?

这是我当前的 CSS:

0 投票
2 回答
7376 浏览

css - 带有 {display: table-cell} 的 img - 这是一个错误吗?

我想使用display: table-*CSS 属性来格式化照片列表。我相信下面是它的“正确”实现,理论上它没有任何问题,但它在 Firefox 和 Safari 中显示,表格布局搞砸了,正如你从边框看到的那样。为了进行比较,请尝试将下面的两个 img 标签包装在<div></div>; 这显示正确。

这是 img 标签特有的东西,也许它认为它有多大与它实际占用的空间有多大。这是一个错误吗?

下面的代码是对这个问题的最小挑衅。

0 投票
1 回答
2777 浏览

html - 常规 HTML 表格边框在 Firefox 中显示非常奇怪

我创建了一个HTML表格并使用以下CSS来设置我想要的边框样式:

  1. 顶行和列是一种颜色,表格的其余部分是条纹替代行颜色。

  2. 每个单元格上的常规单个黑色边框

这是我的CSS:

Firefox 中奇怪的问题是它似乎在我的桌子的一半周围设置了边框,但其余部分没有。这是一个示例图像。它在 IE8 中看起来不错。有什么想法我在这里做错了吗?

我在 Firefox 中的 HTML 表格的屏幕截图。当我单击一个单元格时,会出现边框。为什么?

替代文字 http://img40.imageshack.us/img40/5126/htmltable.png

0 投票
2 回答
15095 浏览

css - CSS表格单元格边框重叠表格边框

我几乎不是 css 专家,所以这有点令人沮丧。我有一个充满中继器的网格。我希望每一行在底部都有一个 1px 的边框,以便在视觉上分隔各行。我还想在桌子的每一边都有一个深灰色的边框。使用此表的以下 CSS:

我在 FF(表格右边缘的 SS)中得到了这个结果:

替代文字

这在 IE8 中:

替代文字 http://img412.imageshack.us/img412/7092/borderie.png

我需要的是让深灰色边框保持实心,而不是为每行边框中断。表格中有两列,但单元格间距为 0px,因此在 tr 上设置边框底部会形成连续边框。任何人都可以建议对 css 进行一些更改以使其正常工作吗?