设置无限宽度的CSS

时间:2013-07-30 18:55:50

标签: css

我的任务是更新以下网站:

http://www.sandysharkey.com/

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

有关如何修改CSS以允许此操作的任何提示?

感谢。

3 个答案:

答案 0 :(得分:3)

您是否尝试过white-space: nowrap;

答案 1 :(得分:1)

设置

white-space: nowrap;

在图像容器元素上。如果您还没有(或display: inline-block;),还可以在图片中添加inline

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

答案 2 :(得分:1)

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

对于仅CSS解决方案,您将为图像容器创建容器。图像容器将是自动宽度,外部容器将overflow-x设置为auto。这个css也可以在上面的演示中看到。

希望这会有所帮助

相关问题