0

是否可以使用 CSS3 表格使其看起来像这样

 +---A---+---B---+---C---+---D---+---E---+
 >>>>+---A---+---B---+---C---+---D---+<<<<  ---> case 1
 +---A---+---B---+---C---+---D---+---E---+

案例1：需要将第一个单元格留边距吗？是否有任何代码使自动保证金

 +---A---+---B---+---C---+---D---+---E---+
 +-----A-----+-------B-------+---C---+-D-+  ---> case 2

案例 2： colspan 在单元格宽度上的工作是相同的。如果单元格宽度不同怎么办。可能吗？

所有这些代码都必须仅在 CSS3 和 HTML5 中。没用<table>，只有<tr>_<td><div>

我应该转换为使用网格而不是使用表格吗？

谢谢你。

4

1 回答 1

0

如果它是表格数据，则使用表格，如果不是，则使用其他内容。

从您的示例中，列宽不匹配，并且 colspans 不符合您的要求，很难看出数据如何成为表格数据。

有几个选项，如果你以正确的方式做，colspan 可以工作。例如，在普通单跨单元格上设置 2 的 colspan 将允许您使其他单元格跨到另一列的中途。

或者，如果它真的不是表格数据，那么使用 DIV 并将它们适当地定位。

使用表格，您将无法在不影响所有其他行单元格的宽度的情况下改变一行单元格的宽度，但我什至不确定一旦绘制表格后您是否可以动态更改 colspan，老实说从未尝试过）。

老实说，我怀疑您真的希望使用 DIV 来解决这个问题，因为您的数据似乎确实不适合表格数据模型。Tbular 数据通常在列上具有与相应列中的列标题相对应的数据的标题。您的单元格似乎可以自由移动，因此不会固定在任何特定的列标题下。

我从布局中猜测您可能正在创建某种日历？并且事件可以跨越列的任何时间距离等？在这种情况下，我个人更喜欢 div，尽管我知道有些人更喜欢使用表格。

于 2012-07-23T10:48:24.793 回答