Html 如何阻止网站导航栏垂直打断项目？（见下文img）

我尝试了很多关于div大小的东西，但都不管用。 以下是我当前的代码：

所以，我一直在努力使像“关于我”这样的部分保持在相同的高度，而不是一个词在另一个词下面，所有的图标都是一样的。我希望他们都在同一个高度，而不是一个超过另一个

函数myFunction（x）{
x、 切换（“更改”）；
}

---

/*导航栏btn*/
.nav btn集装箱{
显示：内联块；
光标：指针；
}
.bar1、.bar2、.bar3{
宽度：35px；
高度：5px；
背景色：#333；
利润率：6px0；
过渡：0.4s；
}
/*旋转第一根杆*/
.找零{
-webkit变换：旋转（-45度）平移（-9px，6px）；
变换：旋转（-45度）平移（-9px，6px）；
}
/*淡出第二条*/
.找零{
不透明度：0；
}
/*旋转最后一条*/
.找零{
-webkit变换：旋转（45度）平移（-8px，-8px）；
变换：旋转（45度）平移（-8px，-8px）；
}
navbar先生{
填充：.8rem；
}
.navbar nav li{
右边填充：20px；
}
.导航链路{
字体大小：1.1em！重要；
}

使用

最小宽度

您可以在

最小宽度CSS属性设置元素的最小宽度。信息技术 防止宽度属性的已用值变小 大于为最小宽度指定的值

---

使用

minwidth

您可以在

最小宽度CSS属性设置元素的最小宽度。信息技术 防止宽度属性的已用值变小 大于为最小宽度指定的值

---

使用

最小宽度

谢谢！我不知道这个财产的存在。如果您可以将其添加为一个答案，这样我就可以接受它，它成功了。=）再次感谢。请使用

minwidth

谢谢！我不知道这个财产的存在。如果您可以将其添加为一个答案，这样我就可以接受它，它成功了。=）再次感谢。