我将 display:box 用于灵活宽度的 div,其中包含三个大小相等且间距相等的框。这适用于 Firefox、Safari 和 Chrome,但不适用于 IE 和 Opera。我想知道 IE 和 Opera 的最佳替代方法是什么。这是显示:框 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 中实现类似结果的替代方法。
谢谢,
尼克
最佳答案
Flexie在 native 不支持 display: box;
的浏览器中实现对此的支持。
关于显示 :box for IE and Opera? 的 CSS 替代方案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6873753/