<pre> (pre-formatted) section is the xhtml translation of <code> of <file> dokuwiki elements.
It means the format of the content will be unchanged (spaces and end-of-line are respected)
For very long line (even with spaces in it), the <pre> element will be displayed as a very large section on the html page.
Since the rest of this html page is not within the preformatted section, its content will wrap itself and take the full width of the html page, (width which is very very large due to the very very long line within a <pre> section)
That makes the reading of such a page quite unpractical, with the constant use of horizontal scrollbar to read the full content of the page...
Add a wrap mode for <pre> css element:
add after all css pre rules fo the design.css file in your favorite dokuwiki\\template directory :
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+ */
With multiple class on a css element, one can modify design.css of the default template, and add a pre.wrap rule:
- if no <pre class="...[code or file or...],wrap"> is ever generated, then this rule would never apply.
- if, because of a “wrap mode