你有没有试过用

white-space: nowrap

字符集
？

添加以下CSS将防止该行中断：

li {
   white-space: nowrap;
}

字符集

如果你使用的是Bootstrap，你可以使用css类text-nowrap。你可以在文档的 utility 部分找到它。

<div style="width: 10px">
    <span class="text-nowrap">This line will not break, ever....!!!</span>
</div>

字符集

M K的回答是，引导工具类text-nowrap在它周围应用white-space: nowrap，这意味着该类内部的任何文本都不会中断到新的一行。这可能很有用，但在设计响应式代码时也可能很痛苦。
如果你有一段不想打断的文本，最好的做法是将它环绕在这个元素周围，而不是父元素周围：

<div class="container">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in odio
        <span class="text-nowrap">lobortis,</span>
        condimentum ipsum in, vulputate felis. 
    </p>
</div>

字符集