【问题标题】:Vertical Gaps Appearing - jQuery Masonry - (seamless photo grid)出现垂直间隙 - jQuery Masonry -(无缝照片网格)
【发布时间】:2012-03-06 06:34:48
【问题描述】:

这个问题已经在different situation 中提出。

我正在尝试使用 jQuery Masonry 实现无缝照片网格。

看看我的小提琴:

http://jsfiddle.net/drw158/sAkjv/

存在垂直间隙。 为什么?

【问题讨论】:

    标签: javascript jquery grid photo-gallery jquery-masonry


    【解决方案1】:

    将您的图像显示为块级元素:

    .ct-coll-item img {
      display: block;
    }
    

    看看这是否有效:http://jsfiddle.net/drw158/sAkjv/1/

    至于为什么,我不知道。我的猜测是因为图像是内联元素,但这不是直接的解释。

    【讨论】:

      【解决方案2】:

      问题在于您的文档类型。将其更改为 XHTML 1.0 Transitional 一切都很好

      【讨论】:

        【解决方案3】:

        您应该将<img/> 设为浮点数。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2012-08-20
          • 2015-11-23
          • 1970-01-01
          • 1970-01-01
          • 2011-08-02
          • 1970-01-01
          • 2011-08-16
          相关资源
          最近更新 更多