CSS - 填充设定比例

Question

我想知道在CSS中是否可以使用（未​​知）数量的div来填充div。它们应该填充每个相同的宽度。

在Android中，这被称为“布局权重”。我的问题是，CSS中有这样的东西吗？或者我必须使用Javascript / jQuery吗？

提前致谢， 巴特

Answer 1

您想要使用

display: flexbox
flex-direction: row;

JSFiddle

Answer 2

这是一个小提琴：http://jsfiddle.net/wjaedd9d/

<强> CSS：

.parent {
    display: flex;
    flex-direction: row;
}
    .parent .child {
        flex: 1;
        border: 1px solid;
    }

<强> HTML：

<div class="parent">
    <div class="child">Some content</div>
    <div class="child">Some content</div>
    <div class="child">Some content</div>
</div>

注意：尝试增加子div的数量。