相关疑难解决方法(0)

这是一个菜单.
例如,我有一个div元素,其中有3个跨度,所有这些都有一些边距,最大宽度和浮动(左或右).
它的位置从左侧开始,如下所示:
[[span1][span2][span3] - lots of free space here].
我想让它像这样:
[[span1] - space - [span2] - space - [span3]]
我怎么能用CSS做到这一点？我有点怀疑这是不可能的.
请注意,我希望在添加或删除菜单项时保持相同的样式.
HTML:

<div id="menu">
    <span class="menuitem"></span>
    <span class="menuitem"></span>
    <span class="menuitem"></span>
</div>

CSS:

#menu {
    ...
    width:800px;
}
.menuitem {
    display:block;
    float:left;
    margin-left:25px;
    position:relative;
    min-height:35px;
    max-width:125px;
    padding-bottom:10px;
    text-align:center;
}