css – 使无序列表水平拉伸,以便始终填充div

对此我很抱歉,我认为这个问题已经解决,但结果证明事实并非如此.

我在div中有一个无序列表,我希望列表始终水平填充整个div,无论缩放级别如何.怎么会这样呢？分别设置每个列表项的宽度？我试过这个,我的项目的宽度确实加起来100％,但列表仍然没有填满div.我也正在修改模板,因为我隐藏了很多HTML,但我可以编辑所有想要的CSS.在CSS方面我还能做些什么？填充？涉及计算功能的东西？我已经尝试了所有这些,但不知何故似乎没有任何效果.

关于如何做到这一点还有其他想法吗？

解决方法

试试这个

ul { padding:0; margin:0; white-space:Nowrap; }
 li { width: 100%; list-style-type:none; display:inline-block; }

要么

ul {
  width: 100%;
  display: table;
  table-layout: fixed;
}

ul li {
  display: table-cell;
  width: auto;
  text-align: center;
}