html - 表格数据标记应该是表格或 div

Question

我有一个像这里的图像的数据。我需要专家的建议，我应该以哪种方式制作 HTML 或 Divs。如果我选择 Div，我们能否实现表格默认提供的效果，我的意思是，如果列宽增加，整个列宽也会增加，就像高度一样，行高也会增加。

参考图片：

Answer 1

这是桌子的工作！要将某些内容重叠在列的边缘，您可以使用绝对位置来执行此操作。

Answer 2

您应该将表格用于表格数据，这是它们的预期目的。然而，这似乎更像是一个甘特图，因为单元格似乎偶尔会在列之间重叠。您可以使用绝对定位的 div 生成图表，但是您需要通过 javascript 手动处理所有调整大小和计算，以使其响应您所说的方式。有一个 jquery 插件可以让你创建 Gant Chats 在这里找到（http://taitems.github.com/jQuery.Gantt/），看起来很不错。