Définition de la largeur de la boîte de code (PrismJS) : un guide de conseils pratiques

Question

J'essaie donc essentiellement de définir une largeur pour une boîte de code (j'utilise prismJS) et lorsque j'ajoute trop de code, tout se brise et la largeur et la hauteur augmentent. Je veux pouvoir spécifier la largeur et la hauteur, donc si le code est trop long, il ajoute simplement une barre de défilement.

Voici la taille que je souhaite donner à la zone de code : Image

<div class="conteneur">
    <div class="post-header"> QUELQUES EN-TÊTE</div>
  
    <div class="post-contenu">
  
      <p> <pre><code class="langue-js">
        
      </code>

Answer 1

Vous devez ajouter une propriété CSS à votre zone de code

overflow: scroll;