Html CSS列轻弹

我很难用CSS设置一个基于列的布局。问题是在谷歌Chrome中，列总是在某个特定的动作处闪烁消失，重新出现，上面的滑块正在移动

这是我的列代码

HTML

您可以在此处看到一个实例：

有人已经有这个问题了吗？如何解决这个问题

---

感谢您的输入。

当其他元素执行轻微的抖动动画时，我的网站上也会出现类似的问题，其他地方的内容会移动一个像素。就我所知，这是Chrome中的一个错误，特别是因为转换不会影响流！所以不幸的是，我真的不知道如何帮助这一点，除了可能检查，以确保所有东西都符合一个精确的像素值…你能设置一个小提琴来展示这个问题吗？您的网站将来可能会更改或关闭，并且不会帮助有类似问题的未来用户。@badAdviceGuy您的名字应该是goodAdviceGuy:-@badAdviceGuy yes很快就会这样做。与此同时，我发现这个问题与李中的一个元素有关，这个元素的位置是相对的。@ravelt genious…这也解决了我的问题。谢谢分享。

<ul class="posts column-count-2 format-list">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

.column-count-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}