如何将div和iframe放在中心位置？

Question

我想把这个幻灯片放在中间，但不幸的是，它不能工作。为此，我使用了内联CSS。

我已经尝试添加display:inline-block;和width:100%;text-align:center;，但仍然不起作用。我也尝试过text-align:center;

这是我正在编写的代码。我是哑巴当涉及到这一点，我有一个艰难的时间在我的网站上，不能提交我的项目，除非完成。

<div class="cincopa_responsive_iframe" style="padding:56.25% 0 0 0;position:relative;">
<div class="cincopa_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;">
<iframe width="100%" height="100%" src="//www.cincopa.com/media-platform/iframe.aspx?fid=AMNAChemJPN0" frameborder="0" allowfullscreen scrolling="no">
</iframe>
</div>
</div>

发生的情况是幻灯片显示在左上角。我希望它处于中心位置。下面是它的样子的图片：https://imgur.com/a/F1uNDPW

Answer 1

在iframe里面有另一个不能用Css操作的html代码，可能是用js你在iframe/# ..When /body中用DevTools检查的有一个#_wp_cincopa_1，如果设置为“margin left:auto；margin right: auto;”可以看到变化..