2014-04-22 7 views
0

je googler pour trouver une solution à ce pour toujours, j'étais si proche mais ne peut pas trouver le problème ...défilement horizontal - SyntaxHighlighter

La solution la plus proche que j'ai trouvé sur ce site mais:

Je veux exactement le contraire de ce que ce type a posté: Automatic line break in js SyntaxHighlighter

Il veut au lieu de la barre horizontale pour briser le code vers le bas, mais qu'est-ce que je veux est au lieu de casser le code vers le bas, pour afficher une barre horizontale.

J'ai utilisé SH sur plusieurs projets et n'ai jamais eu ce problème jusqu'à présent. Je l'ai installé dans wordpress sous forme de plugin dans un thème personnalisé, j'ai modifié le (s) fichier (s) de thème css et le (s) fichier (s) de surligneur de syntaxe (.css), mais rien ne se passe encore.

Voici une capture d'écran enter image description here

Si vous avez des suggestions ce que le problème pourrait être, s'il vous plaît me dire - toute aide est appréciée.

+0

Il y a donc très peu SyntaxHighlighter qui vient dans les recherches Google, que ce soit le référencement WordPress ou avec la version standard pour les sites non-WordPress. Alors, allez-y, écrivez une bonne réponse pour quiconque dans le futur pourrait rencontrer un problème similaire. – lawlist

Répondre

0

Je pense que ce que vous cherchez est une combinaison de propriétés css de débordement et d'espace blanc.

pre {overflow:scroll;} 
.pre-wrap {white-space:pre-wrap;} 

S'il vous plaît voir le footle here

+0

Hey, merci pour l'aide. Malheureusement, cela n'a pas aidé Mais cela m'a donné une idée de l'endroit où le problème pourrait être. Après avoir perdu un jour et demi, j'ai finalement trouvé le problème, et c'était dans le fichier .css thème principal. Tout ce que j'avais à faire était de changer code {white-space: normal; } pour coder {white-space: nowrap; } C'était vraiment ridicule, mais merci d'aider :) – BlazE