Html 如何使此列表以相等的宽度水平排列？

我只是不知道如何才能把它做成一个所有元素宽度相等的水平列表

我真的不知道是否有任何信息丢失，所以如果您需要更多信息，请发表评论/留言。所有不在“网格”中的CSS都用于导航栏

正文{
保证金：0；
字体系列：Verdana，无衬线；
}
.介绍{
左缘：5%；
保证金权利：5%；
文本对齐：居中；
字体系列：Verdana，无衬线；
}
.主动{
背景色：红色；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
李{
浮动：对；
}
李安，.dropbtn{
显示：内联块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
li a:悬停，.下拉：悬停.dropbtn{
背景色：红色；
}
li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉内容a:悬停{背景色：#f1f1}
.下拉：悬停.下拉内容{
显示：块；
背景色：#D3
}
.按钮{
背景色：白色；
颜色：黑色；
边框：2个实心#5555；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
-webkit转换持续时间：0.4s；/*Safari*/
过渡时间：0.4s；
光标：指针；
}
.按钮：悬停{
背景色：#555555；
颜色：白色；
}
li.grid{
浮动：左
宽度：25%
}

计算机、打印机、移动电话及其附带的小部件的排放量约占人类活动估计排放总量的2%。这与航空业一样’；我的贡献。所涉排放物的25%是由计算机制造产生的。其余的则来自它们的使用。






计算机可以用来减少其他行业的排放，到2020年达到78亿吨，是ICT的五倍；我们有自己的足迹。计算机可以提高工业效率，减少对能源和燃料的浪费。


计算机的使用对我们星球的气候变化产生了积极和消极的影响。计算机有助于提高某些过程的效率和节约能源，而计算机的使用和制造有助于增加能源的使用，从而导致全球变暖。本网站帮助您了解计算和气候变化的利弊



计算机有许多方法可以帮助我们减少能源的使用。计算机正在稳步提高其使用的能源量，与大型台式计算机相比，小型计算机产生的二氧化碳更少。

快速解决方案是使用flex box：

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  display: flex;
}

li {
 width: 25%
}

父对象上的“flex”样式会自动影响其子对象的显示

---

您可以阅读更多有关它的信息

您忘记了

li.grid

中的分号。只是打字错误的问题通常是封闭的，但你也可以自己删除这个问题。