CSS：当右侧的 div 被 Adblocked 时，保持主要内容 div 居中答案

【问题标题】：CSS: Keeping the main content div centered when the div to the right of it is AdblockedCSS：当右侧的 div 被 Adblocked 时，保持主要内容 div 居中
【发布时间】：2014-04-17 10:04:30
【问题描述】：

我有两个 div，左边是我的内容，右边是广告。它们都设置为 inline-block，并且它们位于带有 text-align: center 的包装器 div 中以使它们居中。这样，如果广告 div 被阻止，内容 div 会自行正确居中。

一旦我使用边距/填充在 div 之间放置间隙，就会出现问题。我需要这个，这样我的广告就不会与我的内容相距 1 像素。但是当广告被屏蔽时，会保留这个填充，这意味着主要内容 div 会向左移动这个填充量的一半。

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

非常感谢所有帮助！

【问题讨论】：

尝试将边距/填充放在 div 的内容上（我猜是img）而不是 div 本身。这就是 adblock 可能从 DOM 中删除的内容，而不是 div 容器，所以当它从 DOM 中消失时，它的样式应该随之而来。
@Two-BitAlchemist 这仅在 div 没有指定宽度时才有效。没有看到任何代码很难说。一如既往....
@alpipego 我假设他们没有给出他所说的当广告不存在时试图为内容 div 提供“正确居中”的内容。这让我相信广告 div 的宽度是由其内容决定的。不过，代码会很好。 :)
我认为它是这样的：jsfiddle.net/XAVt5/2 但让我们等待来自 OP 的一些代码。
两位炼金术师的效果很好，谢谢！这是谷歌广告代码，那里有一行用于 CSS，我只是在其中添加了 margin-left :)

标签： css alignment adblock

【解决方案1】：

您应该在广告本身上设置所需的边距/填充（我猜是img）而不是其封闭的div 容器。这是因为 AdBlock 会从 DOM 中移除 img（但不是它的父 div），并将其样式一起移除。

【讨论】：