问题标签 [css-tables]

我希望能够设置表格的高度，如果单元格大于表格，则强制单元格单独滚动。

考虑以下代码：（在此处查看实际操作）

如果您打开此代码（在 IE8 中，在我的例子中），您会注意到第二个单元格在浏览器最大化时非常适合表格。理论上，当您缩小浏览器（也强制表格缩小）时，当表格变得太小而无法容纳所有内容时，垂直滚动条应该出现在第二个单元格内。但实际上，表格只是垂直增长，超出了 CSSheight属性设置的范围。

希望我已经充分解释了这种情况......

有谁知道我怎样才能让它工作？

我有一个嵌入了多个 div 的网页，当表格的行太多时我遇到了问题；当它这样做时，包含的 div 不足，而底部的 div 则显示在背景的顶部。

有关如何解决此问题的任何提示？我试过为不同的 div 设置几个属性但没有运气？

我想创建水平对齐的表格单元格，就像这个页面上的单元格一样。

我已按照说明进行操作，甚至逐字复制了 css 和标记，但无论我做什么，IE 8 都会将我的表格单元格呈现为块（彼此堆叠而不是彼此相邻对齐）。

CSS：

标记：

我通常将 CSS 规则margin:0 auto与 960 容器一起用于基于标准浏览器的内容，但我是 HTML 电子邮件创建的新手，我有以下设计，我现在想在没有标准 CSS 的浏览器窗口中居中.

http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html

我似乎记得在某处看到它也可以通过将您的电子邮件表格设计包装在一个外部表格中width:100%并在 tbody 上使用一些内联样式text-align:center或类似的东西来完成它？

对此有最佳做法吗？

用 div 构建我的网站并应用 display:table 属性（display:tr，display:tr）有什么好处。这是否意味着 div 的行为与 tr 和 td 元素完全一样？

我知道我可能根本不应该使用表格或表格行为进行布局，但我只是好奇是否有区别和好处？

我确定这是基本的 :) 我有一个带有以下 css 的网页

然后我将一个imagebutton控件（asp.net）放入其中，将大小设置为64 * 56。在 IE7 中，这完美地工作，黑色边框符合我的形象。

但是在 IE8 中，我的图像底部有大约 5px 的间隙，这增加了我的表格的大小并使它看起来很傻。在打开/关闭兼容模式之间切换会使这个问题变得明显。

任何解决方法的想法：不使用仿真！

塔。

我想在带边框的 DIV 中创建一个列表。当列宽的内容更多时，换行符和边框会增加，但其他列的边框不会增加。看例子：

基于 div 的 CSS 表

有人解决这个问题吗？

我创建了一个包含 20 行和 10 列的表。我想创建一个分隔每两列的网格线。

因此，在第 2 列和第 3 列之间会有一条线将它们分开。还应该有分隔第 4 列和第 5 列、第 6 列和第 7 列以及第 8 列和第 9 列的线。

但我不想用一条线分隔第 1 列和第 2 列，或第 3 列和第 4 列等。

有没有办法用 CSS 做到这一点？我尝试在列的每个单独的单元格上创建一个左边框，但它并没有给我一条沿着列向下的实线。

任何帮助将不胜感激。

我试图弄清楚为什么那张桌子会这样显示，我的意思是，如何设置每个 col 来占据桌框的整个宽度？

这是创建表的函数：

以下代码在 Chrome 或 IE 中正确显示（图像为 200px 宽）。在 Firefox 和 Opera 中，max-width样式被完全忽略。为什么会发生这种情况，是否有好的解决方法？另外，大多数标准符合哪种方式？

笔记

针对这种特殊情况的一种可能解决方法是设置max-width为200px. 然而，这是一个相当人为的例子。我正在寻找可变宽度容器的策略。

[更新]

正如下面mVChr所述，w3.org 规范声明max-width不适用于inline元素。我试过使用div img { max-width: 100%; display: block; }，但它似乎并没有解决问题。

[更新]

我仍然没有解决这个问题。但是，我正在使用以下 javascript hack 来解决我的问题。本质上，它重新创建了上述情况并检查浏览器是否支持max-width. display: table-cell（使用数据 uri 可以防止额外的 http 请求。下面是 3x3 bmp。）