在Wordpress中使用data-instgrm-version =“8”嵌入Instagram帖子;自定义CSS不再有效

Question

我之前曾问过一个关于如何并排嵌入Instagram（IG）帖子的问题，最大宽度为320px - > Style embedded Instagram Photos horizontally。感谢StackOverflow（https://stackoverflow.com/users/8190022/ryan-parrish）上的另一位开发人员，我收到了一个完美的解决方案，直到Instagram更改了他们的嵌入代码（现在是data-instgrm-version =“8”）。这是以前工作的自定义CSS：

#instapost ul
{
list-style-type: none;
padding: 0px;
}

#instapost ul li { 
    width: 320px;
    float: left;
    margin-right: 10px;
}

#instapost-clear {
 clear: left;
}

但是，嵌入式代码的第8版似乎不能与此CSS一起使用。它似乎没有呈现320px最大宽度内的一些Instagram帖子。很难描述正在发生的事情，但我在jsfiddle https://jsfiddle.net/edwardgam/hz4159uz/3/上创建了这个页面，以显示带有嵌入式IG代码，CSS和生成的渲染页面的html（注意：我想在同一行上发布2个帖子的原因是这样的我会从同一个Instagram帐户中选择2个帖子，下一行将是另一个帐户）。

在图像出现之前的几秒钟，格式似乎可能是正确的，但一旦照片开始出现，其中一些不再适合他们的容器并开始相互碰撞。

感谢您阅读所有这些！

Answer 1

虽然没有任何改变，但css似乎现在有效。不确定Instagram是否意识到嵌入代码被破坏或者我的计算机出现了问题。 CSS似乎再次起作用。