Festlegen der Breite der Codebox (PrismJS): Ein Leitfaden mit praktischen Tipps

Question

Ich versuche also im Grunde, eine Breite für ein Codefeld festzulegen (ich verwende prismJS), und wenn ich zu viel Code hinzufüge, führt das dazu, dass alles kaputt geht und die Breite und Höhe zunimmt. Ich möchte die Breite und Höhe angeben können. Wenn der Code also zu lang ist, wird einfach eine Bildlaufleiste hinzugefügt.

Dies ist die Größe, die das Codefeld haben soll: Bild

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

Answer 1

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

overflow: scroll;