我希望创建一个包含1440列的表。每列将代表一天中的一分钟。
我的目标是通过使用PHP设置单元格的背景颜色来显示一天中每分钟发生的情况。
在执行此操作之前，我必须尝试使一天的1440分钟适应屏幕。
理想情况下，表格的宽度应为1440像素，每分钟再设置一个。
如何将表格格式化为具有1像素宽的单元格，以便整个表格只有1440像素宽？
我的语法是：
<table border=0 style="border-collapse:collapse;empty-cells: show;">
<tr>
<?php for ($i = 0; $i < 1440; $i++) { ?>
<td style="width:1px; background-color:green;"></td>
<?php } ?>
</tr>
<tr >
<td colspan="120"><font size=2>6</td>
<td colspan="120"><font size=2>8</td>
<td colspan="120"><font size=2>10</td>
<td colspan="120"><font size=2>12</td>
<td colspan="120"><font size=2>14</td>
<td colspan="120"><font size=2>16</td>
<td colspan="120"><font size=2>18</td>
<td colspan="120"><font size=2>20</td>
<td colspan="120"><font size=2>22</td>
<td colspan="120"><font size=2>24</td>
<td colspan="120"><font size=2>02</td>
<td colspan="120"><font size=2>04</td>
</tr>
</table>
我知道这个解决方案很丑陋，并且使用内联样式等只是显示我当前的位置。
任何帮助表示赞赏。如果有关于如何更好地执行此操作的建议，请告诉我。
最佳答案
查看以下解决方案是否适合您。
<table border=0 style="border-collapse:collapse;empty-cells: show; width:1440px;table-layout:fixed;">
<tr >
<td colspan="120" style="background-color:green;"><font size=2>6</td>
<td colspan="120" style="background-color:green;"><font size=2>8</td>
<td colspan="120" style="background-color:green;"><font size=2>10</td>
<td colspan="120" style="background-color:green;"><font size=2>12</td>
<td colspan="120" style="background-color:green;"><font size=2>14</td>
<td colspan="120" style="background-color:green;"><font size=2>16</td>
<td colspan="120" style="background-color:green;"><font size=2>18</td>
<td colspan="120" style="background-color:green;"><font size=2>20</td>
<td colspan="120" style="background-color:green;"><font size=2>22</td>
<td colspan="120" style="background-color:green;"><font size=2>24</td>
<td colspan="120" style="background-color:green;"><font size=2>02</td>
<td colspan="120" style="background-color:green;"><font size=2>04</td>
</tr>
</table>
请注意，我在这里使用了table-layout：fixed。
链接到Fiddle