word-wrap: break-word; is not working at iBooks

Question

Jays Bae Author

Level 1

4 points

word-wrap: break-word; is not working at iBooks

At Asian (Chinese, Japanese, Korean),

[word-wrap: break-word;] css is needed for many cases.

In chrome or some browser, include Safari!, that was really good.

but at iBooks, that is not working at all.

text-align: justify;

text-justify: inter-ideograph;

was neither.

[word-break:break-all;] is working good. but not beautiful.

(ex. comma, full stop characters were separated.)

How can I beautiful sentences expression at iBooks just like chrome browser?

Is there some other way?

Please let me know.

iBook, iOS 4.2, ibooks provider's pain

Posted on Dec 26, 2017 8:25 AM

Reply

Answer 1

Jays Bae Author

Level 1

4 points

Dec 31, 2017 12:05 AM in response to RCAustin

Thank you for your reply.

I think iBooks is a kind of browser with webkit engine or etc.

But as you said, sometimes it has to express html it's own way.

What I said is EPUB or EPUB 3.0, not iBooks TextBook.

And the case that I said is can't be seen other languages.

Only Korean (I thinks..)

Exactly, the case is,

in [word-break:keep-all;] and [word-wrap:break-word;] or not,

at narrow display,

in [word-break:break-all;]

at narrow display,

Do you catch the problem?

That is separating last word(or character) and "." at same line!

Nobody want to see that case in Korea.

In many cases, we have used [word-break:keep-all;] .

But that has problem too.

for example, [word-break:keep-all;] and [text-align: left;]

but almost want the [text-align: justify;]

that is...

This case is not beautiful too.

I want to [text-align: justify;] with [word-break:break-all;] and not separating special character.

Did you get that I mean?

So, I think, iBooks can't display the [word-break:break-all;] exactly at the CJK cases.

If I was wrong, please let me know how to do that.

If you need more descriptions, I will write down here.

Thank you.

Reply

Answer 2

RCAustin

Level 4

1,151 points

Dec 27, 2017 4:43 PM in response to Jays Bae

You have not specified what type of book this is, EPUB or iBooks. The iBooks app previews both.

- You also have not indicated what you used to create the book

- The iBooks app is not a browser, and some CSS could likely be ignored in the app, even if the file validates

- If using iBooks Author, the app should take care of it

- If you are trying to hand code an EPUB, you may be using CSS that is not supported

- Additionally, if you are using double byte characters, you may be experiencing unusual spacing or breaks depending on if you are using justified alignment as opposed to left aligned. If justified alignment, the spaces have to be added somewhere. There is also hyphenation to consider. I'm not sure how hyphenation works in double byte character sets

Line Breaking

To prevent text from being clipped by the bounds of the content area, insert soft hyphens into long words and especially into linked text and headings. Soft hyphens are described in detail here: http://www.w3.org/TR/html401/struct/text.html

https://help.apple.com/itc/booksassetguide/?lang=en#/itc04314e64a https://help.apple.com/itc/booksassetguide/?lang=en#/itc04314e64a

--------------

Check the W3C Specifications - 9.3.2 Controlling line breaks

https://www.w3.org/TR/html401/struct/text.html#h-9.3.2