如何將響應式div水平居中？

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;完成margin: 0 auto; 容器的大小無關緊要。

Answer 2

您如何看待？：

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

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