CSS用于在每行小卡片下方显示全宽卡片

Question

我有一个方案，我设计了3列/多行的行卡。当用户单击任何卡时，全宽卡将显示在该行的下方，并提供更多详细信息。根据我的CSS，全宽卡显示在该行的正下方。但是我有这个问题。

[当我单击第一个小卡片时，全宽度数据显示在该行的下面，但是该行中的其他卡片移到了该行的下面。下图将更清楚地描述。

Answer 1

您可以在每个正常行的下方添加一行额外的行长卡。在这些额外的行中，您可以包括3个具有额外详细信息的行长卡，所有这些通常都不会显示。然后，当单击每个卡时，可以显示该卡的相应行长卡。

这只是解决此问题的一个示例。希望对您有所帮助。