View Single Post
Old 08-07-2013, 02:12 PM   #21
mzmm
Groupie
mzmm has not lost his or her sense of wonder.mzmm has not lost his or her sense of wonder.mzmm has not lost his or her sense of wonder.mzmm has not lost his or her sense of wonder.mzmm has not lost his or her sense of wonder.mzmm has not lost his or her sense of wonder.mzmm has not lost his or her sense of wonder.mzmm has not lost his or her sense of wonder.mzmm has not lost his or her sense of wonder.mzmm has not lost his or her sense of wonder.mzmm has not lost his or her sense of wonder.
 
mzmm's Avatar
 
Posts: 171
Karma: 86271
Join Date: Feb 2012
Device: iPad, Kindle Touch, Sony PRS-T1
pre-wrap actually kind of works on ADE. on the ipad the text is mangled (sometimes in kind of a charming way). using white-space:pre; worked for this poem on ADE, but the iPad cuts off any overflow on the right-hand side of the screen.

i also tested by putting the poem in <pre> tags, which yielded the same results in ADE and on the ipad. i used sigil to make the test book and it displayed in the preview panel as expected.

doubt there's too much actual use for this, but posting some screenshots here for posterity.

ADE with white-space:pre-wrap;
Spoiler:

ADE with white-space:pre; first page (zoomed in a lot)
Spoiler:

ADE with white-space:pre; second page
Spoiler:

iPad with white-space:pre-wrap;
Spoiler:

iPad with white-space:pre;
Spoiler:


here's the css is was using:
Code:
.poem {
	background-color:transparent;
        font-size:.9em;
        font-family:Inconsolata, Consolas, 'Courier New', Courier, monospace;
        white-space:pre;
        margin:0;
        padding:0;
  }
with <div class="poem"></div>.

the poem is called 'Homage to Dada', by Henri Chopin, written in 1965.

Last edited by mzmm; 08-07-2013 at 02:14 PM.
mzmm is offline   Reply With Quote