有没有办法为每个元素平均划分空格(或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%
可能吗?
解决方法
你必须使用我害怕的表并为子div添加一个包装,你可以这样做:
#parent{ width: 1000px; /* Example width */ height: 100px; /* Example height */ display: table; table-layout: fixed; } .childwrap { display:table-row; } .child{ display: table-cell; }