问题标签 [css-tables]

我在 div 选项卡中有表格。该表有 40 行，并且 div 的高度设置为显示该表的 10 行。CSS 的溢出：自动让我滚动浏览 40 行。一切都很好。

我如何使用 JavaScript 使表格以编程方式定位到给定行（即以编程方式逐行向上或向下滚动表格）？

我需要用 CSS 布局一个 html 数据表。

表格的实际内容可能有所不同，但总是有一个主列和 2 个或更多其他列。我想让主列占用尽可能多的宽度，无论其内容如何，​​而其他列占用尽可能少的宽度。我无法为任何列指定确切的宽度，因为它们的内容可能会改变。

如何仅使用简单的语义有效的 html 表和 css 来做到这一点？

例如：

我想排列大约像这样的项目：

基本上不同长度的项目排列在一个类似表格的结构中。棘手的部分是这些容器的大小可能会有所不同，我想在每一行中尽可能多地容纳 - 换句话说，我不会事先知道一行中有多少项目，以及页面是否调整大小后，项目应自行重新流动以适应。例如，最初每行可以容纳 10 个项目，但在调整大小时可以减少到 5 个。

我不认为我可以使用 html 表格，因为我不知道列数（因为我不知道一行可以容纳多少列）。我可以使用 css 来浮动它们，但由于它们的大小不同，它们不会对齐。

到目前为止，我唯一能想到的就是使用 javascript 来获取最大项目的大小，将所有项目的大小设置为该大小，然后将剩下的所有内容浮动。

有更好的建议吗？

给定一个 HTML 页面，该页面具有复杂的基于表格的布局和许多重复且浪费的标签，例如：

是否有工具可以帮助将页面重构为更紧凑的形式？例如，自动生成 CSS 样式和选择器的工具？将表格转换为 div 布局？

只是为了说明问题的顺序，我正在查看的页面超过 8000 行 HTML 和 JavaScript，不计算图像是 500Kb ！

更新：在重新。“放弃，从头开始”评论。在现实世界中，这意味着什么？打印页面，扫描它，在 Dreamweaver 中将其设置为背景图像，然后开始？严重地？这真的会比重构更有效吗？

更新：我不是在贬低“从头开始跟踪它”，也不是暗示 Dreamweaver 无论如何都是我选择的工具。我很惊讶重构布局被认为是一个棘手的问题。

我正在尝试<table/>使用<col/>元素格式化列。我可以设置background-color,width等，但不能设置font-weight. 为什么它不起作用？

所以我只是喜欢我的应用程序在 Firefox 中运行良好，然后我在 IE 中打开它，然后......不，请再试一次。

我遇到的问题是我将 CSS 显示属性设置为JavaScriptnone或table-cellJavaScript。

我最初使用的是 ，但 Firefox 在没有该属性display: block的情况下使它变得很奇怪。table-cell

我很乐意这样做，而无需在 JavaScript 中添加 hack 来测试 IE。有什么建议么？

谢谢。

在 CSS 中，您可以使用表格的边框间距属性指定表格单元格之间的间距。

但是，这会导致列和行之间的间距一致，并且我发现更多情况下，我使用的设计需要行之间的间隙，而不是列之间的间隙，反之亦然。

如果我有纯色背景，我可以使用与背景颜色相同颜色的边框来模拟间距。

我还可以将 div（例如）作为每个表格单元格的第一个子元素，并使用填充或边距来获得所需的结果，但这只是为了适应样式而需要大量额外的标记。

鉴于我显示的数据是表格数据，有没有一种明智的方法来使用表格来实现这种风格？

我更像是一名程序员而不是设计师，我试图接受<div>s 而不是使用表格，但我陷入了困境。

这就是我想要做的。我正在设置一个调查页面。我希望每个问题的文本都位于蓝色 div 的顶部，如果太长则换行。我希望所有的红色 div 都排在容器 div 的右上角。

布局 http://img528.imageshack.us/img528/4330/divsforsurveyop2.jpg

这是我开始的，只要框架宽度超过 420 像素，它就可以正常工作。然后红色的 div 跳到下一行。我想我可能走错了，也许我应该向右浮动？

我想在同一行上有两个项目，float: left用于左侧的项目。

我独自实现这一点没有问题。问题是，即使您将浏览器的大小调整得很小，我也希望这两个项目保持在同一行。你知道......就像桌子一样。

目的是使右侧的项目无论如何都不会被包裹。

如何使用 CSS 告诉浏览器我宁愿拉伸包含div而不是包装它，这样float: right;div 就在float: left; div?

我想要的是：

是否可以在 CSS 中使用 @page 内的属性来表示如果表格分布在多个页面上，则表头（th）应该在每个页面上重复？