css - 设置无限宽度 CSS

Question

我的任务是对以下站点进行更新：

我希望它允许在每个类别中水平显示无限数量的图像。您现在将看到宽度在 CSS 中是很难设置的，这并不理想，因为如果图像达到该宽度，它们将开始在彼此下方平铺。

关于如何修改 CSS 以允许这样做的任何提示？

谢谢。

score 3 · Accepted Answer

3

你试过white-space: nowrap;吗？

于 2013-07-30T18:59:25.810 回答

score 1 · Accepted Answer

我创建了一个 jquery 解决方案，它允许您添加任意数量的图像，并且它会动态调整图像容器的宽度。见这里 - http://codepen.io/lukeocom/pen/zovbe

对于纯 CSS 解决方案，您将为图像容器创建一个容器。图像容器将是自动宽度，外部容器将溢出 x 设置为自动。这个 css 也可以在上面的演示中查看。

希望这可以帮助

score 1 · Accepted Answer

放

white-space: nowrap;

在图像容器元素上。display: inline-block;如果您还没有（或inline），也可以添加到您的图像中。

您应该考虑使用某种滑块脚本。人们不喜欢水平滚动条

3 回答 3