css - 如何为 Kindle 设置页面内容边距?

标签 css html kindle

我正在为 Kindle 转换 html 页面。该页面有多个 CSS 文件。 Kindle 指南建议将正常正文文本的左右边距设置为 0,以防止内容从屏幕边缘脱落或与其他内容重叠,并且正文文本不得强制对齐。 CSS 的边距已经为零,并且没有指定文本对齐。问题是转换后的文章文本太靠近屏幕边缘,出于某种原因,Kindle 没有在内容和屏幕边缘之间设置默认边距。

我尝试为右侧和左侧设置 padding 1.2 - 1.3em,它确实设置了一些间距,但在电子书的中间我看到它开始重叠在页面的右边缘,所以图片和文本的边缘是剪裁。 如何修改 CSS 以在内容的左右边框和屏幕边缘之间设置适当的边距?我使用 KindleGen 进行转换。

这是页面 sample .

最佳答案

首先,对于 kindle 电子书,它真的取决于您要转换为哪种格式,旧的(对于 Kindle 键盘型号)还是新的 KF8?为什么不在转换前删除所有样式(应用 CSS 重置)?

我建议阅读 this (and several other) thread在移动阅读上。

关于css - 如何为 Kindle 设置页面内容边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17639553/

相关文章:

html - 如何使该文本动画居中?

html - 如何在 div 中控制第三方内容

curl - 无法使用 Curl 将查询复制到 Amazon Manage Kindle。我缺少什么?

亚马逊 KF8 文件格式规范

javascript - 如何在图像上粘贴图像

html - 即使使用 100perc html 和正文,以百分比表示的 div 高度也不起作用

javascript - 如何在 javascript 中无限时间地从左到右和从右到左移动图像?

html - 边框不会在 Internet Explorer 中显示

html - 使用 Bootstrap 为多输入部分嵌套列和行

linux - 在越狱的 Kindle 上运行 shell 脚本