html - 带有 CSS 的水平滚动单行图库

Question

我想要一个水平滚动的画廊，就像图片上的那样。

我当前的标记是这样的(它很 slim 。):

.col-xs-12
  .row-fluid.clearfix
    ul.ace-thumbnails
      - @equipment_uses.each do |gear|
        = content_tag_for(:li, gear) do
          a.cboxElement data-rel="colorbox" href="#" title=("Photo Title")
            = image_tag gear.image, size: '80x80', alt: "150x150", class: 'img-thumbnail thumbnail'

如果我为 .col-xs-12 div 设置 'overflow-x: scroll' 并为 '.row-fluid.clearfix' div 设置 'width:10000px' 然后它可以工作但是水平 div 太长.我想将 .row-fluid.clearfix 的宽度扩展到图像的总宽度。

Answer 1

这不完全是一个答案，而是 this页面有一些关于这个主题的很棒的教程，涵盖了几个不同的版本。我会留下评论而不是答案，但我的声誉阻止了这一点。