我有一个装满缩略图的画廊。我想添加一个自定义的水平滚动条，以便用户可以滚动单行缩略图。每个图库中有不同数量的缩略图。我尝试使用CSS属性“width：-moz-max-content;”但这仅适用于Firefox，而不适用于IE6,7,8，Chrome或Safari。
这是一个例子 - ＆gt; http://theo.mypreview.co.uk/ashmolean-museum
网站的宽度设置为观看者浏览器大小的90％。
div class =“Content” - 持有人
div id =“posts” - 是生成所有缩略图的地方
旁注 - 我刚刚安装了jscroll
答案 0 :(得分：0)
您可以使用某些特定于浏览器的CSS3属性：
#hero {
width: -moz-max-content; /* Firefox */
width: intrinsic; /* Safari, Chrome */
}
有关这些属性的信息，请查看此MDN文档：
https://developer.mozilla.org/en/CSS/max-width
正如您将注意到的，这些不支持IE9 / IE8 / IE7，绝对不支持IE6。但是，我认为解决这个问题的方法是使用JS计算宽度并为需要此功能的元素添加宽度。
答案 1 :(得分：-1)
有一些非常好的jquery画廊可以满足您的需求。只是google jquery画廊。或http://www.1stwebdesigner.com/design/fresh-jquery-image-gallery-display-solutions/。我希望这有帮助