html – 为每个元素平均划分一个空格

有没有办法为每个元素平均划分空格(或div)而不指定宽度的绝对值.只是为了使CSS代码灵活.

例如,如果您将这些元素放入div：

<div id="parent">
    <div class="child"></div>
    <div class="child"></div>
</div>

CSS会自动给每个.child元素宽度= 50％

在这个例子中：

<div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

CSS也会自动给每个.child元素宽度= 25％

可能吗？

#parent{
width: 1000px; /* Example width */
height: 100px; /* Example height */
display: table;
table-layout: fixed;
}
.childwrap {
display:table-row;
}
.child{
display: table-cell;
}