在CSS中创建全宽水平菜单

Question

如何强制我的标签获取菜单中的所有剩余空间？所以，根据标签的数量调整标签之间的空格。

<div id="menu">
    <ul>
        <li>
            <a class="lien_menu"><br>Onglet0 loooooooog</a>
        </li>
        <li>
            <a class="lien_menu"><br>Onglet1</a>
        </li>
    </ul>
</div>

这是我目前的代码： http://jsfiddle.net/Fxy8r/

提前致谢。

Answer 1

添加以下CSS：

#menu {
  display: table;
  table-layout: fixed;
}

#menu ul {
  display: table-row;
}

#menu ul li {
 display: table-cell;
}

更新小提琴：http://jsfiddle.net/Fxy8r/1/

Answer 2

#menu {
  width:100%;
}
#menu ul {
  width:inherit;
}
#menu ul li {
  width:50%;
  float:left;
}