冻结与每个图像块同步的最后日期行

Question

我想为附加图片制作HTML。如果我使用表结构或div结构，请指导我。我想将最后一个日期行与特定的彩色图像块同步。

我应该如何实现同样的目标。指导我。

Answer 1

这不是表格数据，因此我避免使用<table>元素。对于您的外部容器 - 日期容器 - 我每天使用<figure>个<figcaption>元素作为日期标题，但您也可以使用<div>或{{ 1}}如果你不相信你的浏览器支持数字，那就有一个标题。

在这些内容中，您似乎有编号列表，每个列表包含一个图像和一堆颜色样本。所以我使用有序列表<section>作为外部列表，其中的每个元素都包含一个图像，然后是一个无序的样本列表。您可以使用CSS使无序列表项显示为内联，如果您使用<ol>，则您的有序列表将从30开始计数。