用於顯示的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>

你可以在這里看到它。

我很高興聽到一種在IE和Opera中實現類似結果的替代方法。

謝謝，

缺口

Answer 1

Flexie在本機不支持display: box;瀏覽器中實現對此的支持display: box; 。