css - 在 IE 7 中水平对齐 Div

Question

我在 IE7 中尝试保持我的 div 水平对齐时遇到问题，它们在所有其他浏览器中都可以正常工作，是否有解决方法？ example

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

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

Answer 1

添加float: left

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

FIDDLE