我的任务是更新以下网站:
我希望它允许无限数量的图像在每个类别中水平显示。你现在会看到CSS中的宽度很难设置,这是不理想的,因为如果图像达到那个宽度,图像将开始在彼此之下平铺。
有关如何修改CSS以允许此操作的任何提示?
感谢。
答案 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也可以在上面的演示中看到。
希望这会有所帮助