问题标签 [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 回答
2800 浏览

css - 使用 CSS 在 IE 中显示已经隐藏的表格单元格

当包含 div 的类更改为“b”时,IE 7 不显示最初隐藏的表格单元格(class="c"),其中删除了“display:none”规则。但是,它应该与行 (class="r") 一样。其他浏览器行为正常。看起来像一个IE错误。以前有人遇到过这个问题吗?有什么解决办法吗?

PS:我正在尝试找到仅 CSS 的解决方案。

0 投票
1 回答
7956 浏览

html - 尽管有内容,css设置最大表格行高

我正在尝试创建一个表格,其中每个单元格具有固定宽度但绝对但高度不同。例如,在第一列中,第一行是 20px,第二行是 65px,第三行是 20px。在第二列中,第一行是 20px,第二行是 45px,第三行是 40px。在最后一列中,第一行是 20px,第二行是 85px。

我想要的是

如果表格单元格为空或足够大以容纳内容,所有这些都可以正常工作。但是,如果内容大于单元格容纳的内容,则该行将垂直扩展,而我希望隐藏额外的内容。

我得到了什么

我试过使用

对于<tr>,<td>,并且在将内容放在<div> 中时做同样的事情,但似乎没有一个可以实现我正在寻找的东西。关于如何将行高限制为绝对值并隐藏任何额外内容而不是扩展行的任何想法?我更愿意将它保存在表格中,但如果不可能并且我需要使用另一种显示技术,我愿意接受这个想法。

0 投票
2 回答
4211 浏览

css - 在一个 html 表上跳过 css 格式

我的所有表格元素( , 等...)都有 CSS 项目,<table><tr>我有一个表格,我不想应用 CSS。

让这个表格显示为原始 HTML 表格而不应用我的 CSS 格式的最快方法是什么。

另外,在我的 CSS 文件中,我有这个:

如果我想拥有多种表格格式,我该怎么做?

0 投票
4 回答
5277 浏览

html - 使用 ASP.NET MVC 的 Div 表

我正在尝试找到一种更好的方法来使用带有 ASP.NET MVC 的 div 表,我看到的问题是,如果我必须使用传统<table>表,则需要执行大量循环,而不是一个循环。

例子

0 投票
2 回答
5637 浏览

css - 将级联列表样式化到表格中

只是询问是否有一种方法可以像这样设置级联列表的样式:

变成这样的表

其中每一行是具有相同宽度的水平列表

我一直在尝试实现这一点,但只能做到这一点

我不能使每个单元格的宽度相同。这是我的CSS

这是我的示例 html

任何想法都将受到高度赞赏。

我已经找到了解决方案,但在此之前我要感谢此线程中的回复。解决方案是这样的:

html看起来像这样

0 投票
3 回答
82264 浏览

html - CSS 使用表格单元格内的文本设置表格单元格背景颜色

与此基本相同的问题- 文本具有背景颜色集并且位于表格单元格中。文本背景颜色仅在文本后面,并没有填满整个表格单元格,它应该填满。

解决方案通常是在表格单元格上设置 bgcolor。不同之处在于,这发生在这个特定网站的许多地方,并且更改所有相关的表格单元格需要很长时间。

问题是,有没有办法在 CSS 中说:

  1. 使文本背景颜色填充整个表格单元格(如果文本在表格单元格中);或者.....
  2. 如果表格单元格包含具有样式 x 的文本元素,那么使该表格单元格具有背景颜色(一种反向继承)?

PS:网站最初是为IE6开发的,IE6已经用文本的背景色填充了整个表格单元格,所以最初没有问题。不过,FF 和 IE 7+ 的工作方式不同。

0 投票
4 回答
57515 浏览

html - 溢出:滚动;在

为什么 CSS 属性overflow:scroll;不能在 中工作<td>,而overflow:hidden;工作得很好?

从 CSS 规范1 , 2,我看不出为什么。

0 投票
2 回答
1711 浏览

html - 如何将此基于表格的布局转换为 CSS?

我有一个基于表格的布局,它是 100% 的高度/宽度,没有滚动条。标题(红色)自动扩展以适应内容,我不知道它将是多少像素。下面的流体表准确地给出了我的内容。

如何在 CSS 中进行相同的布局并使其在常用浏览器上运行?

0 投票
1 回答
1583 浏览

html - 为什么当 UL 单独在 TD 中而不是有一个额外的空 DIV 时,IE 中的布局会发生变化?

我正在向仍在使用基于表格的布局的站点添加基于 css 的选项卡导航。当我将标签列表放在 td 中时,您可以看到一个视觉“间隙”。如果我在 td 中放置一个宽度为 100% 的空 div,那么我的选项卡列表将正确显示。(它在桌子外也可以正常工作。)

为什么 div 使选项卡布局正确,有没有更好的方法可以在不添加无内容 div 的情况下使它们正确布局?

这是我的测试用例:

我现在已经将它交叉发布到我的博客:培根驱动编码:为什么当 UL 单独在 TD 中而不是有一个额外的空 DIV 时,IE 中的布局会发生变化?,带有屏幕截图,以便人们可以看到我在说什么。

这是屏幕截图:

注意间隔

0 投票
2 回答
6034 浏览

html - Div 不与内容成比例地扩展

我正在将一堆表格转换为 div,布局本身非常简单,到目前为止它在 ie 和 ffx 中都很好用。但是,当一个 div 的内容不适合它时,它就会从中生长出来,并将其后的所有内容都推倒......在其他作品中,弄得一团糟 布局是这样的,

右浮动,标题在右上方,内容在其下方,左浮动并跨越右侧的高度(最初是rowspan = 2)。问题来自需要具有固定高度的包装器,因为它的父级没有任何高度(所以我不能使用 %),并且由于内容是动态的,我事先不知道我需要什么高度。如果我摆脱高度,div 会扩展,但 div 的样式(bg 颜色、边框等)会消失,因为它现在的高度为 0。

另外,我正在研究一个预先存在的代码,理想情况下我不想过多地使用 javascript hack,但是如果我别无选择,那么我会的。那么,我能做些什么呢?