Question

尝试居中包含响应式adsense代码的div。

示例：

<div class="wrapper">
    <div class="adsense">adsense code here</div>
</div>

如果我输入广告的确切尺寸，我可以将div居中。所以728x90是我想要的最大值。目前我有一个img作为临时放置，它工作正常。问题是如果我键入精确的px然后它不会响应。

有什么想法吗？

好的，这是我的实际代码......

<section class="main-content">
            <div class="top-banner">
                <img src="img/ad_top.jpg">
            </div>
</section>

（img是作为记事本++的占位符）

.main-content {
    float: left;
    width: 75%;
}

.top-banner {
    margin:0 auto;
}

这只是将img留下而不是居中。

Answer 1

你正在谈论什么？使用margin: 0 auto;进行水平居中，无论容器的大小是多少都无关紧要。

Answer 2

你怎么看待这个？：

.wrapper{
  width:100vw;
  border:1px solid red;
}

.adsense{
  border:1px solid black;
  width:80%;
  margin:0 auto;
}