Another CSS suggestion: pre-wrap

Warren Block wblock at wonkity.com
Sun Jul 28 17:00:30 UTC 2013


Long lines in screen and programlisting elements run off the right side 
of the screen with the current CSS.

It would be great to have them wrap and include a visible a line wrap 
indicator, but that may not be possible, or may require Javascript.

Better than nothing is to have them at least have forced wrapping based 
on screen width.  That can be done with changes in div.screen and 
div.programlisting:

-	white-space: pre;
+	white-space: pre-wrap;

This seems to work well, other than there being no visible marker where 
a line is wrapped due to screen width.

Is there a better way to accomplish this?


More information about the freebsd-doc mailing list