css - 如何根据浏览器大小动态显示连续的产品数量？

Question

在电子商务网站中，我想根据浏览器宽度显示一行中的元素数，但最少为 4 个元素。就像在 Amozon 网站上所做的那样，如果您尝试浏览 amozon.com，尝试最大化和缩小您的浏览器，您会发现 [More Items to Consider] 部分显示的元素数量是根据您的浏览器大小而定的。它足够聪明，知道什么时候应该完全隐藏或显示一个元素，永远不会有部分可见的元素。

有人知道这项技术叫什么吗？知道如何做到这一点吗？提前致谢。

Answer 1

您可以使用div 中的float 元素和overflow:hidden 来做到这一点。我将为您提供一个概念证明。

JSFiddle: http://jsfiddle.net/WLEzw/

让你的浏览器窗口变大变小，你会看到越来越多的梨子。