用于显示的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;.