0

我有一个用于 IAB 广告牌广告的子标题容器，并且需要在广告应该居中的容器中考虑两种不同宽度的广告。

我的问题是 - 是否有任何解决方法可以在使用自动宽度的居中元素上没有宽度？

我的基本代码结构如下：

<div class="sub_header_wrap" style="width:970px">
    <div class="ad" id="pencil00" style="margin:0 auto;min-height:30px">
        <!-- some ad code -- may be 970px or 950px wide -->
    </div>
</div>

我在这里找到了另一种解决方案，但在尝试使用它之前我想知道注意事项。sub_header_wrap除了我的完整代码中的广告位置之外，容器中还有其他元素。他们可能会受到此解决方案的不利影响：

<div class="sub_header_wrap" style="width:970px;text-align:center">
    <div class="ad" id="pencil00" style="text-align:left;display:inline-block;min-height:30px">
        <!-- some ad code -- may be 970px or 950px wide -->
    </div>
</div>

该解决方案似乎在.sub_header_wrap容器中生成了额外的 4px 计算高度。

4

1 回答 1

2

解决方案是...

<div class="sub_header_wrap" >
    <div class="ad" id="pencil00" style="margin:0 auto;min-height:30px;max-width: 970px;text-align: center;">
        <!-- some ad code -- may be 970px or 950px wide -->
    </div>
</div>

或者

<div class="sub_header_wrap" style="width:970px;text-align:center">
    <div class="ad" id="pencil00" style="text-align:left;display:inline-block;min-height:30px; margin-bottom: -4px;">
        <!-- some ad code -- may be 970px or 950px wide -->
    </div>
</div>
于 2012-11-29T04:55:41.530 回答