Preventing chemical symbol from being split by page or line break

Nick Payne · 10-22-2013, 03:28 AM

If I have a chemical symbol in an epub (eg H2O, the chemical symbol for water, with the "2" subscripted), I find that it can get broken across a line or page, with the H separated from the 2O. Is there any way to prevent this happening?

jbacelar · 10-22-2013, 03:41 AM

H&+#8288;2&+#8288;O

Without the +

mrmikel · 10-22-2013, 07:09 AM

This didn't work in Sigil. Entity 187 did. But I didn't investigate further than that.

DomesticExtremis · 10-22-2013, 07:58 AM

I'm not sure that's entirely undesirable - suppose
you had the molecular formula for penicilln or something.

But you could try putting the whole thing in a span

Code:

span.nobreak {
page-break-inside: avoid;
}
<span class="nobreak">H<sub>2</sub>O</span>

At_Libitum · 10-22-2013, 08:03 AM

may also need white-space:nowrap

Toxaris · 10-22-2013, 10:09 AM

The page-break-inside avoid is ignored by a lot of readers, so it is a bit hit and miss. The reason is the internal HTML tag which is required for the subscript.

white-space: nowrap is also not supported by a lot of readers...

There is no real solution for this. What you might try is creating an SVG with the formula and insert that as image. You can use text in SVG and all readers must support that according to the specifications.

Jellby · 10-22-2013, 11:24 AM

display:inline-block could help, but it's not required by the epub spec. Maybe display:inline-table

jbacelar · 10-22-2013, 01:27 PM

Quote:

Originally Posted by mrmikel

This didn't work in Sigil.

To me, it works perfectly in Sigil and ADE 1.7, but not in ADE 2.

jbacelar · 10-23-2013, 03:06 AM

That's it!

Use the character U +2082 (sub-index two)

H₂O

10-22-2013, 03:28 AM	#1
Nick Payne Connoisseur Posts: 87 Karma: 39898 Join Date: Jul 2013 Location: Canberra, Australia Device: Kobo Clara HD, Kobo Libra H2O	Preventing chemical symbol from being split by page or line break If I have a chemical symbol in an epub (eg H2O, the chemical symbol for water, with the "2" subscripted), I find that it can get broken across a line or page, with the H separated from the 2O. Is there any way to prevent this happening?

10-22-2013, 07:09 AM	#3
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	This didn't work in Sigil. Entity 187 did. But I didn't investigate further than that. Last edited by mrmikel; 10-22-2013 at 11:43 AM.

10-22-2013, 07:58 AM	#4
DomesticExtremis Addict Posts: 243 Karma: 359054 Join Date: Nov 2012 Device: default	I'm not sure that's entirely undesirable - suppose you had the molecular formula for penicilln or something. But you could try putting the whole thing in a span Code: span.nobreak { page-break-inside: avoid; } <span class="nobreak">H<sub>2</sub>O</span>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Preventing Page Title from Being Inserted into Article Text	buffaloseven	Recipes	0	07-25-2013 11:39 PM
split words at end of line	Smknox	Introduce Yourself	4	08-26-2012 04:03 AM
Too big gaps between paragraphs, sentences split with break in between....	martienne	Workshop	3	07-11-2011 01:39 PM
how to insert break-line	schuster	Recipes	1	05-24-2011 03:19 PM
Book Designer - Page Break Line is not showing?	pitolee	Sony Reader	6	04-19-2007 09:26 PM

10-22-2013, 03:41 AM	#2
jbacelar Interested in the matter Posts: 421 Karma: 426094 Join Date: Dec 2011 Location: Spain, south coast Device: Pocketbook InkPad 3	H&+#8288;2&+#8288;O Without the +

10-22-2013, 08:03 AM	#5
At_Libitum Addict Posts: 265 Karma: 724240 Join Date: Aug 2013 Device: KyBook	may also need white-space:nowrap

10-22-2013, 10:09 AM	#6
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	The page-break-inside avoid is ignored by a lot of readers, so it is a bit hit and miss. The reason is the internal HTML tag which is required for the subscript. white-space: nowrap is also not supported by a lot of readers... There is no real solution for this. What you might try is creating an SVG with the formula and insert that as image. You can use text in SVG and all readers must support that according to the specifications.

10-22-2013, 11:24 AM	#7
Jellby frumious Bandersnatch Posts: 7,516 Karma: 18512745 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	display:inline-block could help, but it's not required by the epub spec. Maybe display:inline-table

10-23-2013, 03:06 AM	#9
jbacelar Interested in the matter Posts: 421 Karma: 426094 Join Date: Dec 2011 Location: Spain, south coast Device: Pocketbook InkPad 3	That's it! Use the character U +2082 (sub-index two) H₂O

Advert

Advert