Html 根据项目的数量将列表项目拉伸至全宽

我有一个可以添加动态列表项的页脚。
我想让列表项在给定的容器宽度上伸展

整个过程在WordPress中创建，添加的列表项是小部件。
这就是我所拥有的：

我不能给一个

.widget

一个特定百分比的宽度，因为这是由显示的列表项的数量决定的

希望它有意义

---

M.

一个选项是使用Flexbox

ul{
背景：#000；
显示器：flex；
弯曲方向：行；
左侧填充：0；
}
小工具{
弹性：1；
背景：#FFF；
文本对齐：居中；
}

第1项
第2项

这似乎有效。我确实需要测试这个跨浏览器tho。Thnx！点击

ul

添加新的

li

时，您可以在这里看到它的行为。还有，哇，最后一个链接是F-ing有用的。由于支持跨浏览器的表格，我同意这一点！