CSS -用设定的比例填充

Question

我想知道CSS中是否有可能用(未知的) div来填充div。它们应该用相同的宽度填充。

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

谢谢你，巴特

Answer 1

这里有一个小提琴：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的数量。

Answer 2

你想用

display: flexbox
flex-direction: row;

JSFiddle