Collapsing box

dicknskip · 07-08-2012, 12:34 PM

Is it possible, in the css of an ePub, to define a box that will shrink in from left and right to fit the text inside it? It is easy to make a fixed percentage width box, but I can't find any way to make the width of the box be defined by the width of the content. I did a lot of searching and even did a little playing around with a test css and no luck.

TIA (not holding out much hope though)

theducks · 07-08-2012, 01:56 PM

Quote:

Originally Posted by dicknskip

Is it possible, in the css of an ePub, to define a box that will shrink in from left and right to fit the text inside it? It is easy to make a fixed percentage width box, but I can't find any way to make the width of the box be defined by the width of the content. I did a lot of searching and even did a little playing around with a test css and no luck.

TIA (not holding out much hope though)

Think 'Box Model' and it is easy in EPUB.
It is all done in the .box style

(this solution will probably fail if converted to some other formats. Try and see what you get

)

dicknskip · 07-08-2012, 03:52 PM

Thanks for the info, but it didn't do what I wanted. It was close to what I had tried before. I did three boxes containing three different phrases - a short, medium, and long phrase. All 3 ended up in the same size box sized according to 60% of the width, as expected. I would like the box to fit close around each phrase based on the phrase length. I guess that isn't going to work. I could define a wide box, a medium box, and a narrow box I guess.

07-08-2012, 12:34 PM	#1
dicknskip Zealot Posts: 134 Karma: 10 Join Date: Nov 2009 Location: Okotoks, AB, Canada Device: iPad V-3	Collapsing box Is it possible, in the css of an ePub, to define a box that will shrink in from left and right to fit the text inside it? It is easy to make a fixed percentage width box, but I can't find any way to make the width of the box be defined by the width of the content. I did a lot of searching and even did a little playing around with a test css and no luck. TIA (not holding out much hope though)

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Box in Sigil	deasha	Sigil	5	09-10-2011 12:57 PM
$119.99 PE New in Box	Emptora	enTourage eDGe	4	08-17-2011 02:14 PM
Possible tweak: Stop auto-collapsing browser nested items	arspr	Calibre	7	04-06-2011 04:09 PM
eReader web site collapsing under the load!	HarryT	News	54	07-15-2008 12:47 PM
Opening the box...	Zoot	Amazon Kindle	14	11-20-2007 08:46 PM

07-08-2012, 03:52 PM	#3
dicknskip Zealot Posts: 134 Karma: 10 Join Date: Nov 2009 Location: Okotoks, AB, Canada Device: iPad V-3	Thanks for the info, but it didn't do what I wanted. It was close to what I had tried before. I did three boxes containing three different phrases - a short, medium, and long phrase. All 3 ended up in the same size box sized according to 60% of the width, as expected. I would like the box to fit close around each phrase based on the phrase length. I guess that isn't going to work. I could define a wide box, a medium box, and a narrow box I guess.

Advert