Javascript 如何阻止li tag在添加内容后退出？

我一直在我的公文包网站上工作，我一直在尝试使用li标签来显示不同的项目。我注意到的一个问题是，每次我向li添加内容时，它都会退出并拒绝像我所希望的那样保持在线。在下面的示例中，我添加了“pp”，第一个李下台。一旦从li中删除了内容，它就会回到原来的行。任何帮助都将不胜感激

.worksul.project\u ul{
填充：0；
文本对齐：居中；
边缘顶端：40px；
边缘底部：50px；
}
.工程项目(ul li){
宽度：25.3%；
高度：230像素；
显示：内联块；
列表样式：无；
利润率：1%；
边界半径：12px；
}
工程项目：第n个孩子（1）{
边框：1px实心#202124；
}
第N个孩子（2）{
背景色：红色；
}
工程项目：第n个孩子（3）{
背景色：#08171f；
}

文件


聚丙烯

只需添加规则

垂直对齐：顶部用于您的li选择器


.worksul.project\u ul{
填充：0；
文本对齐：居中；
边缘顶端：40px；
边缘底部：50px；
}
.工程项目(ul li){
宽度：25.3%；
高度：230像素；
显示：内联块；
列表样式：无；
利润率：1%；
边界半径：12px；
框大小：边框框；
垂直对齐：顶部；
}
工程项目：第n个孩子（1）{
边框：1px实心#202124；
}
第N个孩子（2）{
背景色：红色；
}
工程项目：第n个孩子（3）{
背景色：#08171f；
}

文件


聚丙烯






是否只希望部分
的
中包含文本？所有lis都将包含内容。这不仅仅是文字。当我在li中添加新元素并向其中添加文本时，就会发生这种情况。添加到li的任何内容都有此问题。但我会将内容添加到所有lis中。我用第一个来显示问题，你能不能把
变成flex容器，上面放着
显示：flex
？当所有
li
项目中都有内容时，垂直对齐将自行解决：它们将再次正确对齐，没有额外的差距…
float:left
on li应该可以。我没有足够的分数来投票，但我会尽快投票。谢谢你。我做到了。谢谢