masonry

2热度

1回答

我有四个不同高度的图像，我想用CSS列做一个石工般的列网格。 https://codepen.io/glennreyes/pen/pwjOmy .columns { columns: 3; } <div class="columns"> <img class="image" src="http://lorempixel.com/400/400" alt="" />

1热度

1回答

砌体为了

我正在做一个博客文章的列表，我想在砌体做。我已经发现的问题是：顺序当我加载柱在列，以便顺序有如下：而我想：如果我解决了第二个问题，它会在行之间产生空白。接下来我将展示的图像我的问题：所以我想以后砌体图像像的解决方案。我添加的代码在此fiddler 的HTML是： <ul id="posts"> <li class="wow fadeInUp" data-wow-duration="7

0热度

1回答

砌体将具体布局

我怀疑我只是不知道如何考虑这个问题才能搜索答案。我正在使用石工布置17块。这些街区宽度为50％或25％。我的问题是，我想达到4 1的布局，所以它看起来是这样的： 1 1 | | 1 1 1 | 相反，砌体自动运行在一排中的25％宽的div像这样： 1 1 1 1 1 任何关于如何实现我想要的建议非常感谢！

0热度

1回答

Shuffle.js有砖石布局问题

我最好说的JavaScript和jQuery是不是我的强项入手：连同砖石布局时/ 我在与Shuffle.js由@Vestride困难。 URL是：http://preview2.bilberrydesign.co.uk/ 基本上什么似乎发生的是，在初始页面加载图像重叠到更小或更大的程度。如果您然后刷新页面，或者单击其中的一个shuffle类别链接，它会自行排列。我怀疑与页面加载的顺序有关吗？有

0热度

1回答

过滤器后的同位素网格布局问题

我很努力地找出处理同位素，过滤器和网格的好方法。问题是无论何时在我的元素上进行过滤，同位素使用剩下的来确定网格布局（基于CSS）。因此，当可见元素之间存在不可见元素时，样式化网格的第n个子选择器会包含那些偏斜元素实际样式的元素。下面是这个问题的视频：http://3cd.co/172n1C2f2k17 例如，我有6个项目，如果项目＃2被删除，项目＃3应该＃2，其余的调整相应。我已经想出了实现这一目

0热度

1回答

怎样堆栈中的图像垂直

我试过很多次，他们总是有一个设置水平线它们分开，我不能（在谷歌搜索等）打通我的CSS #gallery{ display: flex; -ms-flex-direction: row; flex-direction: row; align-items: flex-end; justify-content: space-around; a

1热度

2回答

使用bootstrap3网格在砌体上添加天沟

我在使用bootstrap3网格砌体编码天沟时遇到问题。这是我的jsfiddle。 https://jsfiddle.net/shelly_W/bg67fdjm/ <div class="container bg"> <h1>Masonry - Bootstrap 3 grid media queries</h1> <!-- add extra container element for M

0热度

1回答

砌体网格物品甚至与'imagesLoaded'重叠

对不起，我知道有成千上万个关于这个问题的文章。尽管如此，我还是无法使用它。我正在使用tumblr主题。我做了一个小例子here。因此，有7周.post的div这是电网项目和.entries DIV这是电网。我已经添加了链接到砌筑：<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script

-2热度

1回答

如何以有效的方式过滤砌体画廊中的DIV？我如何使用纯jQuery进行过滤？

我想建立一个画廊，我想放置的所有照片，CSS3，HTML5，jQuery代码片段等想知道做过滤部分使用纯jQuery的？这里是我的代码：  <div class="container"> <div class="row safezone"> <ul class="filters"> <li><a href

0热度

2回答

砌体网格不加载

我挣扎了一下 - 我的网站上的砌体网格没有加载到页面的初始访问（只有当我再次刷新时才加载？）网格中的所有图像加载正常，只是脚本没有运行。，您可以查看在这个网站上的首页：http://moniquewilmoth.com