Quote:
Originally Posted by Jellby
Easy:
Code:
<div style="page-break-inside: avoid">
<img src="snowball.jpg" alt=""/>
<p>A cool image</p>
</div>
and get the readers to properly support it 
Since I'm afraid ADE and relatives don't obey "page-break-inside", dgatwood's suggestion is probably the best that you can expect. |
Not just ADE. Even WebKit doesn't support pbi:avoid unless they've fixed it in the last year or so. They support pbb:always and pba:always, but they ignore pbi entirely. I'm pretty sure I filed a bug about it almost a decade ago, and it got duped to a bug from many years earlier. In other words, don't count on that ever working right.
Quote:
Originally Posted by RbnJrg
|
The problem potentially comes when you try to deploy on Kindle, where the base font size isn't necessarily 12 point. There's a distinct possibility that the text would be rendered either unusably small or so large that it gets clipped by the viewBox.
I suppose you could remove the viewBox so that everything gets sized to the largest thing in the SVG image (which might be the text), but I'm not sure what other problems that could cause.
I'm not saying it won't work if you don't specify an explicit font and size, but in the back of my head, it sets off warning bells.