html – 仅具有水平滚动条的动态图像大小

如何在div中仅显示水平滚动条.我有条形图像,我想只为它们显示水平滚动条.我不希望显示垂直滚动条.请帮忙…

这是我的HTML

这是我的CSS

#wrapper {
    width: auto;
    height: 130px;
}

#containersimg {
   background-color: #bbb;
   width: 300px;
   height: 130px;
   overflow-x: scroll;
}

img {
   float: left;
    clear: none;
   margin: 5px;
}

我创造了一个小提琴,以展示我想要实现的目标

Fiddle Link

编辑1：
我能想到的唯一方法就是将宽度添加到包装div中,我不能这样做,因为图像的数量和宽度是动态的

最佳答案

尝试使用overflow-x：scroll;溢出y：隐藏;

这个CSS应该在你的div上使用.

它只显示x轴滚动条并隐藏y轴滚动条.

原文地址：https://www.jb51.cc/html/425975.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：javascript – 如何将Google Char下一篇：javascript – 在Rails应用程序中