CSS:当主内容右边的div被广告屏蔽时,保持主内容的div居中



我有两个div,左边放内容,右边放广告。它们都被设置为inline-block,并且它们在一个包装器div中,设置了text-align: center以保持它们居中。这样,在广告div被阻止的情况下,内容div会自己正确地居中。

一旦我使用margin/padding在div之间放置间隙,问题就会发生。我需要这个,所以我的广告不是1px远离我的内容。但是当广告被屏蔽时,这个内边距被保留,这意味着主要内容div被向左移动了这个内边距的一半。

我试过在右div中设置padding-left和margin-left,在左div中设置padding-right和margin-right。看起来adblock将div的宽度和高度设置为0来隐藏它,所以填充仍然存在。

非常感谢所有的帮助!

您应该在广告本身(我猜是img)而不是其封闭的div容器上设置边框/填充。这是因为AdBlock将从DOM中删除img(但不是它的父div),并带走它的样式。

相关内容

  • 没有找到相关文章

最新更新