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