html - 舍入宽度又称为均匀分布 div

Question

我正在努力在可调整大小的 div 内均匀分布五个 div。我看过How to spread elements evenly (horizonatly)?但无法让它工作:-(

问题似乎是，即使我的 div 宽度设置为 20%，如果周围的 div 宽度不能被 5 整除，最后一个元素也会被包裹到下一行。

我的CSS是这样的

#exposureSummaryContainer > div { width: 20%;display: inline-block;}

和我的html:

<div id="exposureSummaryContainer">
    <div>1.000.000</div>
    <div>1.000.000</div>
    <div>1.000.000</div>
    <div>1.000.000</div>
    <div>1.000.000</div>
</div>

如何确保所有五个元素保持在同一行？

我做了这个http://jsfiddle.net/GTwFb/来说明我的问题。

Answer 1

添加float:left;

#exposureSummaryContainer > div { width: 20%;display: inline-block; float:left; background:red}

<强> DEMO