Css 如何在没有Javascript的情况下居中包装浮动

我有以下html配置：

<div id="Header">
    <div id="Stamp">
        <img alt="Header Stamp" src="images/About-Us.png" />
    </div>
    <div id="Events">
        <div></div>
    </div>
    <div class="clear"></div>
</div>

所以有一个100%宽度的头div，包含两个子div，两个子div的宽度相等，都是50%左右浮动

内部元素居中

因此，当浏览器重新调整大小时，#stamp和#事件显然会调整大小，因为它们是百分比，并且它们的内容位于中心

它们都具有最小宽度，因此当浏览器窗口太小时，它们将换行

当他们包装。。。他们；如期而至；两者都浮动到父容器的左侧

我的问题是:

当花车包装好后。有没有办法把它们放在中间？而不是让漂浮在左边

我正在寻找一个没有javascript的方法

如果这是不可能的，那么我必须使用javascript

那么，有没有一种方法可以测试浮子是否已包装

鼓励采用任何其他解决方案：）

谢谢

---

Alex

您可以使用

display:inline block

实现此类功能。所以，你必须这样写：

#Stamp, #Events{
    width:50%;
    display:inline-block;
    *display:inline;/* for IE*/
    *zoom:1;/*for IE*/
    min-width:400px;
    text-align:left;
}
#Header{
 text-align:center
}

---

选中此项

您可以使用

显示：内联块

实现此类型的功能。所以，你必须这样写：

#Stamp, #Events{
    width:50%;
    display:inline-block;
    *display:inline;/* for IE*/
    *zoom:1;/*for IE*/
    min-width:400px;
    text-align:left;
}
#Header{
 text-align:center
}

检查这个