Website-Icon .: blog cscholz.io :.

WordPress: Zeilenumbruch in Codeblöcken

Einige WordPress Themes haben die Angewohnheit, Textbereiche ,die als Codeblock getagged sind, nicht korrekt um zu brechen, dies führt dazu, dass die Code-Zeilen in die Menüs oder ähnliches hineinragen. Dies lässt sich durch eine entsprechende CSS-Formatierung jedoch umgehen.

pre {
 border:1px solid #ccc;
 background:#fafafa;
 padding:10px 20px;
 margin:0 0 1em 0;
 overflow:auto;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
Die mobile Version verlassen