文章/答案/技术大牛

发布

社区首页 >问答首页 >设置无宽度CSS

问设置无宽度CSS
EN

Stack Overflow用户

提问于 2013-07-31 02:55:50

回答 3查看 1.5K关注 0票数 0

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

http://www.sandysharkey.com/

我希望它允许在每个类别中水平显示无限数量的图像。现在你会看到宽度在CSS中很难设置，这并不理想，因为如果图像达到这个宽度，就会开始在另一个下面平铺。

关于如何修改CSS以实现这一点，有什么建议吗？

谢谢。

css

回答 3

Stack Overflow用户

发布于 2013-07-31 02:59:26

你试过white-space: nowrap;吗？

票数 3

Stack Overflow用户

发布于 2013-08-19 07:48:02

设置

white-space: nowrap;

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

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

票数 1

Stack Overflow用户

发布于 2013-08-19 09:00:19

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

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

希望这能有所帮助

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17955110

复制

相似问题

问设置无宽度CSS
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问设置无宽度CSSEN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问设置无宽度CSS
EN