用于显示的CSS替代方案：用于IE和Opera的框？ [英] CSS alternative for display:box for IE and Opera?

问题描述

我使用display：box作为灵活的宽度div，有三个相同大小且间距相等的盒子。这适用于Firefox，Safari和Chrome，但不适用于IE和Opera。我想知道IE和Opera最好的替代方法是什么。这是显示：框CSS：

I am using display:box for a flexible width div with three boxes of equal size and with equal spacing. This works fine for Firefox, Safari and Chrome, but not in IE and Opera. I am wondering what the best alternative method for IE and Opera would be. Here is the 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>

您可以在行动中看到它这里。

You can see it in action here.

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

I'd be glad to hear of an alternative method for achieving a similar result in IE and Opera.

谢谢，

尼克

推荐答案

Flexie 在本机不支持 display：box; 。

这篇关于用于显示的CSS替代方案：用于IE和Opera的框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！