================================== Textual wrapping and spacing - PD ================================== Line leading ------------ TODO Word wrapping -------------- By default, scryber will wrap text around the available space and flow evenly across the page, no matter the content in the source. If this is not the desired behaviour, then the css attributes for white-space are supported. * nowrap - will ignore white space, AND not wrap the content when the outer edge is reached. * pre - will take all white space into account and render content as seen. The layout also supports the use of overflow-x and overflow-y to clip the visibility to the bounds of the container. (Scroll is not supported). .. code-block:: html Document Text H Align
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Fusce pulvinar elit leo, sit amet egestas neque porttitor nec. Nunc pellentesque turpis ac pellentesque scelerisque. Etiam at nibh mattis, pulvinar velit eget, consequat ligula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Fusce pulvinar elit leo, sit amet egestas neque porttitor nec.
Nunc pellentesque turpis ac pellentesque scelerisque.
Etiam at nibh mattis, pulvinar velit eget, consequat ligula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Fusce pulvinar elit leo, sit amet egestas neque porttitor nec. Nunc pellentesque turpis ac pellentesque scelerisque. Etiam at nibh mattis, pulvinar velit eget, consequat ligula.
.. image:: images/documentTextPre.png Character and Word Spacing -------------------------- With scryber the character and word spacing is supported at the style definition level (not on the component attributes). They are less frequently used, but can help in adjusting fonts that are too narrow at a particular size, or for graphical effect. .. code-block:: xml Document Character spacing
Segoe UI in 10pt font size with the default leading used on each line of the paragraph. But the character spacing is reduced by 0.5 points.
Segoe UI in 10pt font size with the leading increased to 15pt on each line of the paragraph. The character spacing is also set to an extra 1.5 points.
Segoe UI in 10pt font size with the leading and character space normal, but the word spacing increased by 5 points. It should continue to flow nicely onto multiple lines.
Even using various font sizes and families will maintain the character and word spacing that has been applied.
.. image:: images/drawingfontsSpacing.png .. note:: There is a known issue with the baseline adjust on multiple font sizes that has crept in, and will hopefilly be resolved in the next release. Wrapping and spacing in code ---------------------------- Next Steps ----------