CSS div：显示：表格替代品？

<div id="wr">
    <div id="con">
        <div id="unknownWidth">some box with unknown width</div>
    </div>
    <div id="knownWidth"></div>
</div>

#wr {
    width:300px;
    height:100px;
    border:1px solid red;
    margin:50px;
}
#knownWidth {
    width:100px;
    height:30px;
    margin:0px auto;    
    border:1px solid gray;
}
#unknownWidth{
    height:30px;
    margin:0px auto;    
    border:1px solid blue;
}

这是小提琴的链接：http://jsfiddle.net/7EsMR/ http://jsfiddle.net/7EsMR/

是否可以避免使用display:table on #unknownWidth框并保留其提供的相同功能？

需要它在 IE7 中工作，但不能在 IE6 中工作。 ：D

所需结果：http://jsfiddle.net/7EsMR/1/ http://jsfiddle.net/7EsMR/1/

谢谢 ;）

您可以组合使用display: inline对孩子和text-align: center在包装上：

http://jsfiddle.net/3snzb/2/ http://jsfiddle.net/3snzb/2/