如何为代码盒(PrismJS)设置宽度

Question

因此，我基本上是在为代码盒设置宽度(我使用的是prismJS)，当我添加太大的代码时，它破坏了一切，宽度和高度都增加了。我希望指定宽度和高度，所以如果代码太长，它只会添加一个滚动条。

这就是我想要的代码盒有多大：图片

<div class="container">
    <div class="post-header">SOME HEADER</div>
  
    <div class="post-content">
  
      <p> <pre><code class="language-js">
        
      </code></pre>
        <p>
        
  
    <img class="image-content">
    <div class="post-content">
      
    </div>
  </div>

Answer 1

需要将CSS属性添加到代码框中。

overflow: scroll;

Answer 2

在pre标签旁边添加了<div style="height:200px;width:800px;overflow:auto">，这似乎解决了问题。