css - 如何使用css自动将div block 流到下一行？

Question

我正在使用 960gs 创建网站，我有类似于电子商务网站中的产品 block ，我想像 4x5 block 一样连续显示它们，我的意思是一列 4 个 block ，一行 5 个 block ，总共 20 个 block ,

我的问题是第一行需要将“alpha”和“omega”放入 div，我如何以编程方式放置它们，因为我使用的是 wordpress，并且产品在其中。

谁能明白我在说什么？

Answer 1

我不熟悉您使用的代码，所以这很抽象。

我猜 Wordpress 为每个产品使用 php 模板...这意味着某处必须有一个 php 循环来枚举将出现在您的行中的所有产品。你可以在那里做一个if语句。类似于:如果第一个产品将 alpha 类添加到模板，如果最后一个产品将 omega 类添加到模板，则打印常规模板

此外，您可以在页面加载后使用 javascript 和 li:first-child 和 li:last-child css 选择器将其添加到客户端，但您可能会在页面加载时看到一点闪烁。