Html 在弹性列中排列项目，但不向父项提供高度

嗨，我有这样的场景，我已经达到了一定的极限，但为此，我需要给UL的高度

保险商实验室{ 显示器：flex； 弯曲方向：立柱； 柔性包装：包装； 最大高度：120px； } 李{ 高度：50px； 宽度：50px； 背景：红色； 边缘底部：10px； 列表样式：无； 文本对齐：居中； }

---

为了从ul元件上移除高度，移除高度，并在li上执行以下操作：

.ul {
height: 100px;
width: 250px;
background: red;
margin-bottom: 10px;
list-style: none;
text-align: center;
}

理想情况下，应该在li元素上使用“最大宽度”和“最小宽度”

使用此选项会遇到垂直li元素对齐的问题。 要解决该问题，请使用空li元素将最后一行的计数与上述行匹配，并将空li最小宽度设置为0

这应该可以解决你的问题。

---

希望有帮助

我不确定这是否能达到目的，但这是我唯一能想到的

需要脚手架和一些时髦的计算，以照顾利润和保持所有项目的大小相同

如果要删除边距，请不要忘记调整计算

* { 保证金：0； 填充：0； 框大小：边框框； } 李{ 列表样式：无； } .家长{ 显示器：flex； } .左{ 弹性：1040%； } .对{ 弹性：1060%； } .parent>li>ul{ 显示器：flex； 弯曲方向：行； 柔性包装：包装； } .parent>li>ul>li{ 高度：50px； 宽度：50px； 背景：红色； 利润率：10px； } .左>ul>li{ 弹性：0 calc50%-20px； } .右>ul>李{ 弹性：10 calc33.3%-20px； }

---

只有一个UL元素，其中的所有项都是来自循环的LI，因此我不能使用此结构。结构将保持不变，由我给出，嗨divneet，谢谢你的建议，但我不能这样做，所有的项目李来自一个循环，我不能改变或控制。因此，结构将与我提供的相同，我不能将空的LI放在那里，我希望它现在更加清晰