Quote:
Originally Posted by Turtle91
The example I was referencing was for ePub2.
|
Yes, I realized that; For that reason I didn't say that you were wrong but that what you stated was only valid for epub2.
Quote:
|
The failure case I was thinking about was on a small screen (like a phone) where the image height barely fits the display height. In that case the text would wrap to the next screen.
|
Yes, I agree with you statement if we are speaking about epub2. In that case, is like you said, the only way
to guarantee that image and caption are kept together is to include the caption as part of the image.
Quote:
|
I don’t have experience with ePub3. Is there something special you did that would make a <div> NOT split in that case, or are you referencing <figure> functionality??
|
That, in conjunction with the use of properties "-webkit-column-break-inside: avoid !important;", "break-inside: avoid !important;", "display: inline-block !important" and "float: left" (or float: right). The <figure> block does all the "dirty work" and the others properties are used to asure the block remains together. In some ereaders, if you don't use "-webkit-column-break-inside: avoid !important;", "break-inside: avoid !important;", "display: inline-block !important" the <figure> block is splitted.
EDIT: Of course, also the use of <figcaption> inside the <figure> block
