masonry

0热度

1回答

我已经下载了砌体的最新版本，并从网站上复制了说明，但砌体似乎没有在我的网站上加载。图像彼此相邻，但它们没有正确排列。这是我的代码。 JS <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="js/masonry-docs/masonry.pkgd

0热度

1回答

如何将2个动态宽度UILabel放置到具有砌体约束的视图中？

我真的很喜欢砌体图书馆。它可以帮助我摆脱苹果Autolayout的冲突。我用这个库解决了我的大部分问题。但有一件事我无法实现。在同一个UIView中有两个标签。这两个标签都有动态宽度。我写了这个代码和问题发生 [self.nameLabel makeConstraints:^(MASConstraintMaker *make) { make.centerY.equalTo(self

0热度

2回答

与jQuery砌体不均匀网格

我有一个问题，并希望你们可以帮助我; 对于我正在进行的项目，我想在WordPress模板中创建不均匀网格。对于网格，我使用Desandro的Masonry.js，这是一个可爱的库，用于创建灵活的网格。目前，我有显示为直的水平网格中的所有WordPress的内容，就像这样： even grid 然而，我的最终目标是让网格显示如下： uneven grid 给你一个想法，我目前如何有我的网格设置这里

-2热度

1回答

EQCSS +砌体js不工作

你有什么想法如何使EQCSS与砌体工作？当我为特定元素宽度设置不同宽度的项目时，砌体被破坏。

1热度

1回答

自助网格与折叠容器之间

这是我第一个问题在这里，我希望你能帮助我。我正在尝试使用引导程序网格设置产品概述页面。对于大屏幕尺寸，我已经连续获得了4款产品。对于更小的屏幕尺寸，我希望每行有2个产品。诀窍是，我希望在行之间的折叠容器中具有产品详细信息，当我点击某个产品时会打开。它适用于4种产品的大屏幕尺寸。但是，如何实现折叠后的容器恰好在行后出现，我在哪里点击了我的产品，而不管我每行有多少产品。在较小尺寸的折叠容器在第二行之

-1热度

1回答

砌体插件不WordPress的画廊

晚上好工作，我试图做一个砖石画廊喜欢上这个网站：http://bensasso.com/ 我有一个插件已经是这个链接上发展起来的：http://yourjavascript.com/4620774411/picwall.js 若要结构是： <div id="mainGalleryArea" > <div class="singleImageWrap" data-fullsize="image1

1热度

1回答

反应渲染搞乱了我的参考与砌体结合

所以我有<ul>列表<li>我想在我的React应用程序中砌砖，并且这些项目稍后会被来回过滤。组件重新呈现时出现问题。我想用列表中新添加/删除的项目进行平稳更新。因此，这里是有问题的代码至今：（不是一切，只是重要的位） import Masonry from 'masonry-layout' componentDidMount: function() { this.masonry

0热度

1回答

砌体/同位素布局中的孔

我不明白为什么我的同位素布局不起作用？布局中有洞，当不应该是？我在做什么错？ http://isotope.metafizzy.co/options.html#percentposition $(document).ready(function() { var $grid = $('.portfolio').isotope({ percentPosition: true,

0热度

2回答

是否有可能精确地将Masonry.js内容居中？

我正在尝试构建一个到四列的布局 - 使用砌体插件设计的每个页面的变量。到目前为止，我很喜欢它的工作原理。然而，它留下了一个非常恼人的差距，我似乎无法摆脱的配置。要指出 - 它已经集中在页面上。但是，在居中区块内，内容显示为左对齐。内内容没有边距任一。砌体被初始化为： $('.msgblock').masonry({ columnWidth: '.grid-item',

-1热度

1回答

我可以制作仅限CSS的砌体布局吗？

首先：是的，这个问题与Vertical vs. Horizontal Masonry CSS-only 相似但是由于没人还没有回答这个问题，我会再试一次。我已经使用CSS列属性为我的WordPress帖子设置了砌体布局。这很好，但是我的帖子现在没有按日期排序（实际上它们并不是用户可以得到的）。 #container { columns: 3; column-gap: