Question

这是我的fiddle。现在我要做的是建立一个策划者，但我现在只处于html和css阶段。

如果你查看我有名称表格标题的表格部分，然后是星期一到星期五的所有日子，我想这样做，以便周一至周五的字段是相同的宽度，但名称字段更大。

我需要避免使用固定宽度，即将33%设置为每个<td/>，因为规划人员的响应方式非常具体。

我可以不设定固定宽度吗？

干杯

修改我想出了一种方法，使用嵌套表和@Antony SUTHAKAR J的最小宽度想法，它将所有列放在正确的宽度，但现在我无法在嵌套表中使用颜色。我可以看到它是因为我不能让嵌套表采用父<td/>的高度。现在我已将父<td/>设置为高度为100％等，如您在代码中所见。

我现在可以在这做些什么吗？无需设置手动高度。

Answer 1

您可以添加min-width属性[例如。 min-width: 150px;]到表格的第一列。试试这个我希望它有效。

这将是最小宽度而不是固定宽度。因此，如果列中包含更多文本，它将自行伸展以适应内容。

酷！

Answer 2

在每个工作日列添加天类。

.day {
  width: 40px;
}