php - 表格中的可变宽度列

Question

我正在为日历使用 HTML 表格，我想用数据库中的各种事件填充单元格。通常他们会在周末着陆，但有些会在长周末、银行假期甚至工作日运行。

如何让我的表格列相应地扩展和收缩。如果可能，我想避免使用 javascript。

如果无法做到这一点，我将需要一个教程来帮助我了解如何使 div 的定位行为正常。

干杯

编辑一些说明:把它想象成 5 列，col 1-3,5 = 30pxcol 4 = 250px

但是在 php 绘制表格之前我不能总是知道它们应该是多宽。因为事件可以是任何一天(列)。

最终编辑:看起来我对我的 CSS 太用力了。 http://www.freeimagehosting.net/uploads/c900b5c77b.png

通过遵循以下建议并删除我的宽度声明并将单元格更改为最大宽度，我得到了一个令我满意的结果。以后可能会享受到使它兼容的所有乐趣:(

这是我使用的 Css。 td.calendar-day-np 是从本月初/月末排除的天数。

/* calendar */ 
table.calendar{width:100%;border-left:1px solid #999;}
tr.calendar-row{}
td.calendar-day{min-height:80px;position:relative;}* html div.calendar-day{height:80px;}
td.calendar-day:hover{background:#F9F9FA;}
td.calendar-day-np{background:#F9F9FA;min-height:80px;}* html div.calendar-day-np{height:80px;}
td.calendar-day-head{text-align:center;padding:5px;font-weight:bold;background:#ccc;border-bottom:1px solid #999;border-top:1px solid #999;border-right:1px solid #999;}
div.day-number{background:#ccc;padding:5px;color:#fff;font-weight:bold;float:right;margin:-5px -5px 0 0;width:20px;text-align:center;}
/* shared */ 
td.calendar-day,td.calendar-day-np{max-width:200px;padding:5px;border-bottom:1px solid #999;border-right:1px solid #999;}

Answer 1

好吧，如果您在 css 文件或内联 css 或 div 标记中指定最小宽度和最小高度(不良做法)，那么您的列和行将具有最小宽度和高度，但可以根据需要扩展.

如果这样尝试，结果如何？您是否可以为整个表格指定宽度？如果是，则必须以某种方式填充该空间。也许这可以使其他列比需要的更宽。 (如果我错了，请有人纠正我)。或许您可以尝试让一个单元格的内容非常长，看看会发生什么。