无法将iframe元素与html中心对齐

Question

友！在我的网站上，我需要为我提供的HTML广告代码。我只需要把它放到我网站的html中。一切正常，但我无法将广告与页面中间对齐。我尝试了text-align：center，margin等......但是没有一个有效。当我在浏览器中查看html时，我发现给出的html呈现为iframe。那么如何在渲染后对齐它。

我也尝试使用jquery：

 $('iframe').contents().find('html').find('body').find('div').css('text-align','center');

但这也行不通。请找到给我的html： https://jsfiddle.net/1r1kydjz/

感谢您的帮助！

Answer 1

给iframe的第一个孩子一个保证金：auto并且它会起作用：

＆＃13;

＆＃13;

div[data-wrid^=WRID] {
    margin: 0 auto;
}

＆＃13;

<div data-wrid="WRID-145664652759935473" data-widgettype="staticBanner" data-responsive="yes" data-class="affiliateAdsByFlipkart" height="90" width="728" style="text-align:center;"></div>
<script async src="//affiliate.flipkart.com/affiliate/widgets/FKAffiliateWidgets.js"></script>

＆＃13;

＆＃13;

＆＃13;