Css 如何使浮动LIs平均共享其父ULs宽度？

前面有一条提示：在提问之前，我确实在寻找答案，但我发现没有一个答案能够准确地解释如何正确地做到这一点

我有一些DIV，我有一个UL，它应该延伸到父DIV的100%，在UL中，我有一个LI元素的数量（由于动态内容而变化），我希望平等地共享父UL提供给它们的空间（显然应该是100%）

我尝试了各种解决方案，例如LIs上的内联块，以及LIs上的浮动：左和自动宽度

我在这里创建了一个

---

我如何才能实现预期的结果（不使用JS）和至少主要的跨浏览器兼容性？

使用

display:table宽度
为100%和
显示：表格单元格：

ul {
    display: table;
    width: 100%;
}
li {
    display: table-cell;
    background: #eee;
}

听起来像是一个理想的应用，但遗憾的是，这还不是跨浏览器的！哇，这看起来很有希望！我将其应用于我的实际编码情况，但由于某些原因，LIs的高度并没有比以前高一倍。我试着弄明白了。我弄明白了-我在按钮中有动态的“richtext内容”，它包含多个
组，然后在按钮中产生段落和换行。问题解决了。非常感谢。作为一个信息。。（即使你不在乎）：display:table cell仅在IE8+版本中受支持，但全球2%的用户使用Ie7，这有什么关系？当然，兼容性是一个问题，我更希望它在IE7中也能正常工作。但这是迄今为止最好的解决方案。