设置代码框（PrismJS）的宽度：实用技巧指南

Question

所以我基本上是在尝试为代码框设置宽度（我正在使用prismJS），当我添加过大的代码时，会导致一切都破裂，宽度和高度会增加。我希望能指定宽度和高度，这样如果代码太长，它只会添加一个滚动条。

这是我希望代码框的大小：图片

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

Answer 1

你需要在你的代码框中添加一个CSS属性

overflow: scroll;