像素砌体分离

时间:2016-07-30 15:31:07

标签: jquery css masonry

首先,抱歉我的英语不好并感谢阅读。 我正在使用同位素和砌体插件,当我需要1张图片垂直,后来3个正方形并重复3次时制作特定网格。我做到了没有问题,但有时,屏幕大小显示为带有像素的白线,它可以是水平或垂直,我需要删除它,但我不知道如何,总是它再次出现。

您可以在此处查看布局:Link to site

我还留下了一张图片:Vertical lines

我的css代码较少:

.grid-style5{

.container-img-grid{
    position:relative;
    padding:0!important;
    margin: -2px !important;

    img{
        position:absolute;

    }
    &.vertical{

        img{
            top:0;
        }
        &:before{
            padding-top:70%;
            content:"";
            display:block;

        }
    }
    &.normal{
        width:100%;
        img{
                top:-25%;
        }
        &:before{
            content:""; 
            display:block;
            padding-top:50.7%;
        }
    }
}

}

非常感谢。

0 个答案:

没有答案