Html 为什么带有滚动条的列表会将一个项目分成两行

如果我有一个包含许多项目的无序列表，并且在该列表上设置了一个最大高度，ul设置为显示：内联块或浮动。然后滚动条似乎占据了列表中的空间，迫使文本环绕

我怎样才能避免这种情况？我不介意滚动条是否会让列表更宽，我只想让列表占据它的自然空间

---

谢谢

请不要给出“最大高度”，因为它现在需要的高度将超过该高度。 你可以给

高度：自动

否则你可以试试

溢出：可见

---

这将在数据较多时显示滚动条。

不要给出最大高度，因为它现在需要的高度将超过最大高度。 你可以给

高度：自动

否则你可以试试

溢出：可见

这将在数据更多时显示滚动条。

overflow-y:scroll；对于UL来说，这似乎是一个解决方案，但您每次都会有滚动条，即使是对于一些低于UL高度的项目

溢出y：滚动；对于UL来说，这似乎是一个解决方案，但您每次都会有滚动条，即使是对于一些低于UL高度的项目

---

将此添加到CSS中。这将防止列表项被包装，并为滚动条添加额外的空间

li {
    padding-right:20px; 
    white-space:nowrap;
}

---

将此添加到CSS中。这将防止列表项被包装，并为滚动条添加额外的空间

li {
    padding-right:20px; 
    white-space:nowrap;
}

---

我看不到任何文字环绕..第5项不是为您环绕吗？确实如此。道歉。为什么不增加列表的宽度呢？或者是文本变量，你不想换行吗？是的，它是变量，我要设置一个最大宽度，但我想控制它！你到底想控制什么？在不同的场景中，我真的不知道你想要的结果是什么。我没有看到任何文字环绕..第5项没有环绕你吗？确实如此。道歉。为什么不增加列表的宽度呢？或者是文本变量，你不想换行吗？是的，它是变量，我要设置一个最大宽度，但我想控制它！你到底想控制什么？在不同的情况下，我真的无法得到你想要的结果。不，我需要一个最大高度。。。因为我只想显示一定数量的项目，所以带有height:auto和no max height的元素当然不会显示垂直滚动条…不，我需要一个max height。。。因为我只想显示一定数量的项目no，一个有高度：auto和no max height的元素当然不会显示一个垂直滚动条……嗯，是的，这并不理想，因为我的列表在大多数情况下可能会比这个短，滚动条处于最坏的情况，对不起！嗯，是的，这将不是理想的，因为我的列表可能会比这短的大多数时间和滚动条是在一个最坏的情况下，抱歉！