css - 李正确定位

Question

我需要有关我的产品列表的帮助。由于 3 元素中的大文本，5 元素向下移动。如何解决？列表项也有“first”和“last”类。

Answer 1

将每个产品 div 设置为固定高度。这样，项目可以响应地填充给定空间并尽可能多地填充水平空间。

如果您要清除每一行的浮动，则每行都会卡住四个产品，或者如果父元素的宽度小于 4 个项目，则会更糟，这会将最后一个元素向下推到丑陋的新行中。

来自：
| |
| X X X X |
| |
| XXXX |
| |

至：
| |
| XXX |
| X |
| |
| XXX |
| X |
| |

Answer 2

解决它。只需将“clear：left”添加到 .first 项