.png)
Hi,
I have a set width for the content panel, which seems to work for everything so far except for a
\{code\}
block with long lines. I'd like them to wrap. Here is the HTML that's produced:
<div class="code panel" style="border-width: 1px;"><div class="codeContent panelContent"> <pre class="code-java"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... </pre> </div></div>
Is there any way to get the code block to wrap instead of run off the content panel? Here's an example of what I mean: https://wiki.cagrid.org/display/downloads/runon
Comments (2)
Feb 05, 2009
Alain Moran says:
Set its width through css ... I would strongly recommend that you do some readin...Set its width through css ... I would strongly recommend that you do some reading into CSS and its use for styling HTML.
{style} .code { width: 300px; } {style} {code} thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine thisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLinethisIsAReallyLongLine {code}Which produces:
Feb 05, 2009
Justin Permar says:
Alain, Thanks again. I didn't think setting \.code css style would work, since ...Alain,
Thanks again. I didn't think setting \.code css style would work, since it produces a div above. Of course, I was wrong. I see that css definition in the confluence css now.