html - 通过页面防止 ePub 导出中的孤行

标签 html css epub iwork

我一直在 Pages 中编辑一本书,当我将它导出到 ePub 文档时,我插入到文档中的换行符似乎被忽略了。

我已经放弃了在 Pages 中搞乱格式并开始使用 Sigil 编辑 ePub。我需要编辑哪些参数以防止出现孤行或在我的 ePub 文档中插入分页符?

在研究 iBook 文档后,我发现插入 css 标记:page-break-before:always;

具体来说,我正在编写一本食谱,并希望每个食谱都在其自己的页面上。使用 iWork 时,我需要稍作修改才能达到效果。在首先为第一个食谱创建标题标签并为本章中的其他食谱创建单独的标题标签后,我用口径打开了导出的 ePub 文档(Sigil 似乎弄乱了书籍格式)。然后我找到了 iWork 生成的标签并添加了 h1.s4 { 分页前:总是; 到 css 文件。

最佳答案

你真的是指“换行符”,而不是“分页符”吗?

强制分页的唯一完全可靠的方法是准备单独的 XHTML 文件。

除此之外,您只能靠自己了。你已经进入了“iOS 作为新的 IE6”的 hell 。你会发现有人告诉你在标题标签上放置一个 page-break-before,或者在上一页的最后一点放置 page-break-after,或者使用属性 display: inline-block 将所有内容包装成一个 block 中的一页。根据读者、它的版本或一天中的时间,这些中的任何一个或所有可能会或可能不会起作用,并且它们可能现在不起作用并在将来开始神奇地工作,或者现在起作用并在将来停止神奇地工作。我的建议是停止尝试对 iBooks 进行逆向工程以查看哪些有效或无效,而只是转到单独的 XHTML 文件。

根据您的需要和技能水平,您可以编写基于 XSL 的工具,将 XHTML 文件拆分成单独的文件(可能基于自定义属性,例如 myns:page-break='yes') 以确保您在需要的地方获得这些分页符。

强烈建议不要手动插入page-break-* 属性来处理孤儿。在某些时候,电子书阅读器将支持 CSS orphans 属性。在那之前,这是一个愚蠢的差事。如果您非常想获得所需的精确布局,则需要使用固定布局。

关于html - 通过页面防止 ePub 导出中的孤行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17777225/

相关文章:

iphone - 当点击 epub 文件页面时 如何更改 iPhone 应用程序 epub 文件文本的字体大小?

javascript - 无法通过 CSS 设置 z-index

html - 具有更大文本居中问题的按钮

javascript - 我如何将图像放在表格旁边并使其大小相同?

css - 连接多个 div/进度条的自定义 CSS 行

php - 在 PHP 中打开 epub 文件

html - CSS 网格中的居中列

php - WordPress:每个 <section> 的动态背景图片

第 n 级后的 CSS 同一个类

markdown - 我在 pandoc 生成的 epub 中的目录链接不起作用