问题标签 [css-tables]

我有一张表格显示来自动态内容的数据，当有 6列时，我想将表格宽度设为 100% 。如果少于 5列，则表宽度自动。

我尝试使用 CSS，但是当只有两个 cols 时，它会将两个 cols 扩展到全宽，而表格的宽度为 100%，看起来很尴尬。

是否有任何 Javascript、jQuery 脚本可用于获得此结果？

我的页面中有一个表格，我使用 colgroups 以相同的方式格式化此列中的所有单元格，适用于背景颜色和所有内容。但似乎无法弄清楚为什么 text-align center 不起作用。它不会将文本居中对齐。

例子：

CSS：

我有一个应用了以下 CSS 规则的表：

我希望某些单元格有一个红色边框，而不是。

这不像我预期的那样工作。在 FireFox 3 和 IE8 中，它看起来像这样：

_{（来源：control-v.net）}

在 IE7 兼容模式（在 IE8 中运行）它看起来像这样：

_{（来源：control-v.net）}

我希望所有四个边<td>都是红色的。我怎样才能做到这一点？可以在这里找到一个测试用例。

使用 CSS，如何设置单个单元格或单个列的格式？

我有一个最大 700px 宽的 html 表，我不知道会有多少列（在 3 到 10 之间）。我希望所有<th>元素都有 5px 填充，但这会增加表格的宽度并导致它所在的 div 显示水平滚动条。

由于我不知道列数，因此无法从总宽度中减去填充添加的额外 px。

将溢出值放在 div 上没有任何意义，因为它只会掩盖 700 像素以外的列。

有没有办法解决这个问题，对表格的宽度设置适当的硬限制？

我想将表格单元格与其所属的列对齐：

但我得到的是下一个：

我正在使用的 html 代码/css 是下一个。任何想法如何通过修改我的 HTML 或 CSS 来实现上述效果都是非常受欢迎的。

很高兴听到 CSS 解决方案的消息！

我正在尝试使用 pisa 在我的 PDF 中添加表格边框，以从我的 html 页面生成 PDF。根据文档，我应该使用 CSS 在表格中显示边框。但是，这行不通。我可以在我的网页上看到边框，但在生成的 PDF 上却没有。我有什么遗漏或做错了吗？我正在为表格使用以下样式：

这是一个有点开放式的问题，但我真的很想了解这个问题，所以我不在乎。

我有一个包含两个元素的“表格”（带有跨度的 CSS）。左列始终有一个 20x20 像素的图标。第二列有与图标关联的单行文本。

我已经尝试了各种我能想出的想法，以使它在 IE6-8、Firefox 3.5 和 Google Chrome 中看起来完全一样，但所有想法都导致文本最多相差一两个像素。

我正在寻找一种万无一失的非<table>方法来使该列表在所有浏览器中看起来都完全相同。我的意思是每一个像素。

如果我有一个像这样非常简单的例子的表：

并且在我的.td2其中一个包含一个图像，可以说，300px在width. 我想显示滚动条以允许用户滚动查看所有内容。但是我不认为这是可能的，是吗？

所以我的问题是：

1. hidden除了处理表中的溢出之外，还有其他选择吗？

2. 是否可以仅在内容超出设定宽度时显示滚动条？（我发誓我在一些论坛软件中看到过，但我不记得是哪一个了）

HTML：

CSS：

..在现代浏览器中效果很好，当然，IE 除外！

有什么解决方法吗？我尝试的另一个解决方案是 position:absolute; 底部：0；但它干扰了上面 z-index 似乎没有任何影响的下拉菜单。

谢谢！