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

前端之家收集整理的这篇文章主要介绍了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;
}
原文链接:https://www.f2er.com/css/214770.html

猜你在找的CSS相关文章