設定代碼框（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;