6
votes

Empêcher les enveloppes de ligne des blocs de code utilisant Jekyll, Kramdown et Rouge

Utilisation de Kramdown et de Rouge pour la syntaxe de Markdown-Sélection de la surbrillance dans un blog Jekyll, j'aimerais empêcher de longues lignes de code d'emballage sur une nouvelle ligne. J'aimerais pouvoir utiliser une barre de défilement horizontale pour révéler le reste du contenu.

Voici la jackll config: xxx

J'utilise le < Code> base16.Solarisé.dark CSS theme généré par la commande Rougify .

Voici un exemple d'utilisation de code: xxx


2 commentaires

Impossible de déboguer sans voir votre pile CSS. Pouvez-vous fournir un lien de référentiel?


github.com/data-creative/data-creative.github.ioIO " A> Utiliser Twitter Bootstrap et Base16.Solarisé.dark pour CSS - Merci!


3 Réponses :


2
votes

Vous avez quelque part une règle CSS que pour le code Code code> Elément définit blanc-espace: Pré-wrap code>. Ajoutez la règle suivante pour le remplacer:

code {
    white-space: pre;
}


0 commentaires

7
votes

BOOSTRAP est l'ajout d'un blanc-espace: pré-envelopper code> règle afin d'aider le code bloquer la lisibilité.

Si vous voulez que votre bloc de code pour éviter cet emballage, vous pouvez éditer votre CSS / DATA-CREATIVE.CSS STRAND> ADD P>

pre code{
  white-space: pre;
}


1 commentaires

J'ai essayé de définir cette propriété avant, mais peut-être que je l'appliquais sur le mauvais élément / ensemble d'éléments. Merci!



2
votes

Je l'ai résolu comme ceci: xxx


0 commentaires