Jquery 旋转网格时，封隔器/砌体不接受戳记项目

使用Pacery时，如果我将网格旋转45度，冲压的项目将不再影响布局。为什么会这样

通常情况下，Pacery会在冲压元件周围布置项目。我的项目正在使用Pacery，但在调查过程中，我发现同样的问题也发生在砖石工程中

我正在使用css旋转网格：

.grid {
  transform:rotate(-45deg);
}

您可以在上看到该问题的示例。 如文件所述，Packery应在冲压元件（已解释和）周围布置项目元件

任何解决办法的想法都会很有帮助

---

（Bounty表示90度。它应该表示45度（正或负））。

这似乎是初始化期间对

.layout（）

的隐式调用，在CSS中定义旋转时，不正确地渲染旋转的冲压对象

以下是一个解决方法：

从

.grid

在网格初始化后添加以下代码：

$('.grid').css({
  '-webkit-transform': 'rotate(-45deg)',
  'transform': 'rotate(-45deg)'
});

//外部js:packer.pkgd.js
$（'.grid'）.packer({
itemSelector:“.grid项”，
邮票：‘.邮票’
});
$（'.grid'）.css({
“-webkit变换”：“旋转（-45度）”，
“变换”：“旋转（-45度）”
});
*{框大小：边框框；}
正文{字体系列：无衬线；}
/*---网格---*/
.电网{
背景：DDD；
最大宽度：1200px；
位置：相对位置；
}
/*清晰定位*/
.网格：之后{
内容：''；
显示：块；
明确：两者皆有；
}
/*-----网格项----*/
.表格项目{
浮动：左；
宽度：100px；
高度：100px；
背景：#C09；
边框：2倍实心hsla（0,0%，0,0.5）；
}
.grid项--width2{width:200px；}
.grid项--高度2{高度：200px；}
.邮票{
位置：绝对位置；
宽度：30%；
高度：120px；
背景：#C90；
边界：4倍点状hsla（0,0%，0,0.5）；
}
.stamp1{
左：20%；
顶部：0px；
}
.stamp2{
右：10%；
顶部：110px；
}

封隔器-带旋转网格的戳记选项
你的链接不起作用打开的链接我不清楚你想做什么？我看到了网格中的所有元素rotated@MZaragoza网格是旋转的，但如果网格是旋转的，则戳记项不起作用。元素不应与戳记项重叠。这不是一个理想的解决方案，因为它没有响应性，无法在初始化后使用.layout（），也无法使用许多其他方法，例如.added（）和.layoutItems（）。派克的行为仍不符合预期。不过我很感谢你的建议。更新了另一个解决方案-可能还不够好，但是。。。