Question

我正在努力让这个亚马逊广告出现在页面的中心。这是我在添加任何内容之前的样子：

        <iframe src="http://rcm-na.amazon-adsystem.com/e/cm?t=websitcom05-20&o=1&p=26&l=ur1&category=primeent&banner=1XSEYPQA2R6RS2D2B802&f=ifr" width="468" height="60" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>

这是在我将“中心”这个类添加到它之后：

<iframe class="center" src="http://rcm-na.amazon-adsystem.com/e/cm?t=websitcom05-20&o=1&p=26&l=ur1&category=primeent&banner=1XSEYPQA2R6RS2D2B802&f=ifr" width="468" height="60" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>

这是我的中心课的css代码：

.center {
margin-left: auto;
margin-right: auto;
 }

我没有将样式应用于iframe元素。

您可以在此处查看：

Answer 1

默认情况下，iframe元素为inline。内联元素不考虑边距，因此您需要使元素block保持水平，以使边距有效。

iframe.center {
    margin:0 auto;
    display:block;
}

作为替代方案，您也可以将text-align:center放在父元素上。由于inline元素尊重此属性，因此默认情况下它会有效居中iframe。

使用iframe的亚马逊广告无法自定义

1 个答案: