MobileRead Forums - View Single Post

SBT · 12-12-2013, 01:54 AM

The width:height ratio of your image is 0.73, so Rubens suggestion probably will not give the desired result. I would suggest adding margins in the stylesheet, something like:

Code:

img.frame-30 {
    width:90%;
    margin:auto 5%;
}

I would presume that adding a page-break-inside tag to an image is superfluous, as unless your style sheet is exceedingly contorted or text is badly formatted, an image small enough to fit the screen will never be split over pages.

12-12-2013, 01:54 AM	#11
SBT Fanatic Posts: 580 Karma: 810184 Join Date: Sep 2010 Location: Norway Device: prs-t1, tablet, Nook Simple, assorted kindles, iPad	The width:height ratio of your image is 0.73, so Rubens suggestion probably will not give the desired result. I would suggest adding margins in the stylesheet, something like: Code: img.frame-30 { width:90%; margin:auto 5%; } I would presume that adding a page-break-inside tag to an image is superfluous, as unless your style sheet is exceedingly contorted or text is badly formatted, an image small enough to fit the screen will never be split over pages.