Html 如何在父级中水平分布输入？

我有五个

选择
输入，并希望在父分区内水平分布它们。

此代码不起作用：

<div id="divtable">
    <select class="abc"></select>
    <select class="abc"></select>
    <select class="abc"></select>
    <select class="abc"></select>
    <select class="abc"></select>
</div>

fiddle is
将abc类显示更改为内联显示：

.abc{
    display:inline;
    width:17%;
    margin:5px 0;
    padding:3px;
    border:thin solid #999;
    border-radius:3px;
}

好的，一个
display:table-*
结构需要一个完全有效（假）的表结构，并且相应的
display:table行
和
display:table单元格
元素才能正常工作。（我也不希望将
display:table cell
放在输入元素上首先起作用。）

这项工作：

<div id="divtable">
   <div class="tr">
    <div class="td">
    <select class="abc"></select>
    </div>

    ....

  </div>
</div>


....


虽然我个人在诉诸于此之前真的会使用桌子——这种疯狂的div汤在语义上并不比桌子更有用，但依我看。
小提琴对我有用！？（firefox）您也可以尝试
.abc{display:inline block；}
@RienNeVaPlus，我使用Firefox23。你看到了什么？最后一个元素是否与父元素对齐，间距是否相等？@SunSky：我看你已经接受了答案。出于好奇，您是否尝试设置
width:20%用于
.abc
？它会将它们均匀分布。shaftpolls，我刚刚试过ff和Chrome。最后一个输入与家长的输入不一致。哦，对不起，我没有意识到这个要求，因为您在最初的问题中没有提到。Pekka，我同意，似乎我必须画一张表。太可怕了。我以为会有这样的东西：
distribute:水平分布。无论如何，谢谢你。
<div id="divtable">
   <div class="tr">
    <div class="td">
    <select class="abc"></select>
    </div>

    ....

  </div>
</div>