用于显示的 CSS 替代方案：IE 和 Opera 的框？

Question

我正在使用 display:box 作为一个灵活宽度的 div，其中包含三个大小相等且间距相等的框。这适用于 Firefox、Safari 和 Chrome，但不适用于 IE 和 Opera。我想知道 IE 和 Opera 的最佳替代方法是什么。这是 display:box CSS:

.box {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    width: 100%;
}

.box1, .box2, .box3 {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    width: 0;
}

.box2, .box3 {  
    margin-left: 20px;
}

还有 HTML：

<div class="box">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</div>

你可以在here看到它。

我很高兴听到在 IE 和 Opera 中实现类似结果的替代方法。

谢谢，

尼克

Answer 1

Flexie 在本身不支持display: box; 的浏览器中实现了对此的支持。