Quote:
Originally Posted by JSWolf
Wouldn't the image have to split to the next screen it if did not fit on the space available on the screen?
|
In case you missed his explanation (emphasis added)…
Quote:
Originally Posted by RbnJrg
I know what is best  You don't need "page-break-inside: avoid" because in the img style I am employing "display: inline-block". That property avoids the split of the image. Try the code I posted and you will see it should work perfectly (with an image whose width is higher than his height; do the try with a with of 50% and you'll see how the image is centered without "margin: 0 auto"; that is also due to the property "display: inline-block" joined with the property "text-align: center" in the "image-setup" style). Of course, the img won't split but it can originate blank spaces; since we don't know if you are working under epub2 or epub3, I can't tell you how to avoid (if it were possible) those blank spaces. By the way, under epub3, "page-break-inside: avoid" is not honored by epub3 ereaders. |