我遇到了列表元素中的代码块宽度问题。此列表元素由JavaScript（与Swipejs一起使用）设置为页面宽度。
但是，我遇到的问题是，当<pre>元素在一行上有大块文本超过父元素的宽度时，list元素会扩展。我的问题是如何防止这种情况发生并迫使<pre>元素在<li>宽度时设置为overflow:scroll宽度？
<li>
<pre class="language-css"><code class="language-css">
</code></pre>
</li>
我知道这可以通过为<pre>元素定义特定的固定宽度来完成，但因为它应该适用于不同的屏幕尺寸，这是不可能的。我希望你能提供帮助。谢谢！