Css 在IE 7中水平对齐div

我在IE7中试图保持div水平对齐时遇到了一个问题，它们在其他浏览器中都可以正常工作，有解决办法吗

#圣诞促销盒{宽度：1000px；边距：0自动0自动；文本对齐：中心；}
#圣诞推广组
{
显示：内联块；
}

添加

float:left

#christmas_promotion_boxes div
{
display:inline-block;
  float:left;
  padding-left: 4px
}

这是解决方案

代码更改：

#christmas_promotion_boxes {
   width:100%;
   margin:0 auto 0 auto;
   text-align:center;
   display:table-cell;
   float:left;
}
#christmas_promotion_boxes div{
   display:inline;
}

---

旧版IE中的内联块

仅适用于默认显示类型为内联的元素。将div替换为

span

，它应该可以在IE中工作

HTML

写下：

#christmas_promotion_boxes div
{
 display:inline;
}

这会奏效的

<div id="christmas_promotion_boxes">
        <span id="christmas_promo_1">
            <img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100">
        </span>
        <span id="christmas_promo_2">
        <img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100">
        </span>
        <span id="christmas_promo_3">
            <img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100">
        </span>
</div>

#christmas_promotion_boxes {width:1000px; margin:0 auto 0 auto; text-align:center;}
#christmas_promotion_boxes span
{
    display:inline-block;
}

#christmas_promotion_boxes div
{
 display:inline;
}