草庐IT

javascript - 使用具有可调整大小和可排序元素的 flexbox 进行砖石布局的选项有哪些

在我的Angular应用程序中,我使用ui-sortable对进行排序.元素本身是可以调整大小的。这类似于我的设置:我希望“4”和“5”使用它们顶部的空间:这是一个fiddle.请注意,这是一个过于简化的示例,元素实际上可以由用户调整大小和排序。像masonry这样的库不会这样做,因为它们使用绝对定位的元素,这将取消ui-sortable的工作方式,调整大小也不会插入元素的。那么我该如何实现呢?我是否理解正确,这对于仅使用css的解决方案是不可能的?该flexbox将获取最高元素的高度并将该高度放入“行”。有没有不依赖position:abolute的js解决方案,或者更确切地说,它仍

用Bootstrap3网格在砖石上添加天沟

我在用Bootstrap3网格上编码砖石上的排水沟方面遇到了麻烦。这是我的JSFIDDLE。https://jsfiddle.net/shelly_w/bg67fdjm/Masonry-Bootstrap3gridmediaqueries12345678来源是:https://masonry.desandro.com/我要实现的是在砌体网格之间拥有15px的沟槽。我想在网格1和网格之间创建一个空间。响应列。我一直在尝试解决这个问题,但我无法弄清楚正确的方法。有人对我如何解决这个问题有任何建议吗?如果您需要进一步的信息,请告诉我。预先感谢您的帮助!看答案您要做的就是删除您的当前padding您的

php - 为什么我的网站失去了网格布局对齐方式。它是用砖石做的

我创建了一个图库页面。它显示具有可变高度的图像。按照建议heretouseamasonryplugin我使用了砌体插件。直到昨晚它都运行良好。但是今天早上当我再次检查它时,我失去了对齐。自过去3天以来没有对该站点进行任何更改。这是快照。之前,所有的div都是自动调整的(删除了标记的空格),显示看起来像http://pinterest.com/但是突然间我的网站失去了对齐。无法弄清楚问题所在。可能是什么问题....请帮助我。我的网站有大问题这里是css对齐和砌体应用#body{background-color:#1c4d5c;padding:10%0%20%20%;}#imagesect