一千萬個為什麽

搜索

如何創建適當回流的ePub全頁圖像



我有興趣收集一些文本並制作ePub電子書。它有全頁面的圖像。在ePub中有什麽方法可以使圖像成為整頁圖像,並在字體大小發生變化時正確地重新排列圖像?也就是說,我希望圖像始終占據整個頁面,但是當字體大小發生變化時,文本應該重新排列,以便圖像仍然是整頁,但不會在上一頁中斷開文本。


我對此描述得很差。

當我還是一個孩子的時候,我會讀我父親小時候得到的小說。南希德魯,哈代男孩,裏克布蘭特,肯霍爾特,湯姆斯威夫特/小等。

這些書有插圖的風格,每隔一段時間就會有一整頁插圖。它的下面有一行斜體字。它通常在一個或兩個所示文字來自的地方。

我想在我正在格式化的ePub書籍中重新創建它。有拉出的插圖,不需要在文本中的特定位置。如果在一次顯示頁面的設備上閱讀本書,我想要發生的事情是文本到達頁面底部,“翻頁”頁面,有整頁插圖,您“翻轉“,然後你重新閱讀文本。它不應該在分頁符的位置,文本應該流到頁面的末尾,然後插圖,然後文本繼續。如果我改變字體大小(因為我的眼睛變得更糟),它應該仍然是整頁插圖,不會導致前一頁文字中斷。

這可能嗎?

謝謝…

轉載註明原文: 如何創建適當回流的ePub全頁圖像

一共有 2 個回答:

將圖片放入自己的html文件或使用上面的代碼, page-break-before 或-after。

在這些情況下,我通常在容器和圖像本身上使用css height:100%,所以如果你使用

<div class="fullscreenimage">lalala</div>

你可以創建這個css規則來做你想做的事情:

div.fullscreenimage , div.fullscreenimage img {height: 100%;}

我在這裏有一些想法,但我沒有測試過。另外,很多依賴於閱讀系統的支持。

In epub3, it's possible to use CSS to force a page break before or after an element. Something like this: img.fullpage {page-break-after: always;}

Conversely, you could use img.fullpage {page-break-before: always;}

唯一的問題是Google Play圖書不支持它。我認為它適用於某些(大多數?)點燃。

在描述問題時,字體大小是無關緊要的。

Also, your CSS code should let the image resize depending on screen size. I use max-width. On kindles, max-width is NOT supported, so here's how I do it. https://kdp.amazon.com/community/thread.jspa?messageID=1005910&

還有一件事。由於支持頁面中斷的脆弱性,我嘗試在章節的開頭或結尾處放置圖像。

如果每個人都充分支持epub3,這個格式問題不應該很難。不幸的是一些閱讀系統 - 而一些較舊的設備則沒有。