MIUI论坛 下载APP

玩机达人

Rank: 2

积分
70
机型
未知设备
签到次数
6
MIUI版本
4.8.29
私信

[问题反馈] 多看阅读EPUB排版有问题,求解答!!

[复制链接]
1048 15 |
2018-3-7 22:18 | 来自PC
| |
|
跳转
非常喜欢多看阅读,用了许多年了,可是有的书籍排版格式有问题,请开发团队看一下是什么情况?
是对epub3格式不支持吗?

如下图:

iBooks 显示正常

iBooks 显示正常

iBooks,显示正常

Calibre 显示正常

Calibre 显示正常

Calibre 显示正常

Duokan 显示不正常

Duokan 显示不正常

多看阅读 显示不正常  

为什么表格排版多看变成1列了呢?求解答。
收藏 分享  

玩机之皇

Rank: 6Rank: 6

积分
8538
机型
未知设备
签到次数
244
MIUI版本
8.8.9
私信

MIUI 10专属勋章2018新年勋章感恩节勋章万圣节勋章米兔月饼勋章国庆勋章“澎湃S1 ”芯片纪念勋章初音勋章2017年小金鸡勋章小火箭勋章MIUI 300周

2018-3-8 07:37 | 来自红米Note 3
|
你要贴出代码来。用span修饰数字的话,应该不会每行一个字。

玩机之皇

Rank: 6Rank: 6

积分
8538
机型
未知设备
签到次数
244
MIUI版本
8.8.9
私信

MIUI 10专属勋章2018新年勋章感恩节勋章万圣节勋章米兔月饼勋章国庆勋章“澎湃S1 ”芯片纪念勋章初音勋章2017年小金鸡勋章小火箭勋章MIUI 300周

2018-3-8 07:38 | 来自红米Note 3
|
这个应该不是表格排版。表格排版每行列数是固定的,你看ibooks上和calibre上一行的数字明显reflow了

官方团队

Rank: 8Rank: 8

积分
1884
机型
未知设备
签到次数
0
MIUI版本
V8.1.14.0.MCJCNDI
私信
2018-3-8 10:26 | 来自PC
|
  您好!多看客户端常用的表格多是<tr><td>行列结构固定的形式。如果可以的话,麻烦您展示下这段<table>的内容。

玩机达人

Rank: 2

积分
70
机型
未知设备
签到次数
6
MIUI版本
4.8.29
私信
 楼主| 2018-3-8 13:06 | 来自PC
|
hyx108 发表于 2018-3-8 07:38
这个应该不是表格排版。表格排版每行列数是固定的,你看ibooks上和calibre上一行的数字明显reflow了 ...

你说的对,他是根据页面宽度自动调节的。我一会儿把源文件和代码发上来,请帮看一下。

玩机达人

Rank: 2

积分
70
机型
未知设备
签到次数
6
MIUI版本
4.8.29
私信
 楼主| 2018-3-8 13:12 | 来自PC
|
本帖最后由 dfadfsdfasdf 于 2018-3-8 13:15 编辑
Alpha铁柱子 发表于 2018-3-8 10:26
  您好!多看客户端常用的表格多是行列结构固定的形式。如果可以的话,麻烦您展示下这段的内容。 ...

谢谢关注。

源文件epub下载页面如下(需打开页面):
https://dbs.org/bibles/CMNUNV

代码如下
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!DOCTYPE html>

  3. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" lang="cmn" dir="ltr">
  4. <head>
  5. <meta charset="UTF-8"/>
  6. <link rel="stylesheet" href="../Styles/epub-aletheia.css" type="text/css"/>
  7. <meta name="viewport" content="user-scalable=yes, initial-scale=1, minimum-scale=1, width=device-width, height=device-height"/>
  8. <title>新標點和合本 約翰福音</title>
  9. </head>
  10. <body dir='ltr'>
  11. <ul class='tnav'>
  12. <li><a href='../Text/index.xhtml'>約翰福音</a></li>
  13. </ul>
  14. <ul class='tnav'>

  15. <li><a href='../Text/JHN.xhtml#JHN1_0'>1</a></li>
  16. <li><a href='../Text/JHN.xhtml#JHN2_0'>2</a></li>
  17. <li><a href='../Text/JHN.xhtml#JHN3_0'>3</a></li>
  18. <li><a href='../Text/JHN.xhtml#JHN4_0'>4</a></li>
  19. <li><a href='../Text/JHN.xhtml#JHN5_0'>5</a></li>
  20. <li><a href='../Text/JHN.xhtml#JHN6_0'>6</a></li>
  21. <li><a href='../Text/JHN.xhtml#JHN7_0'>7</a></li>
  22. <li><a href='../Text/JHN.xhtml#JHN8_0'>8</a></li>
  23. <li><a href='../Text/JHN.xhtml#JHN9_0'>9</a></li>
  24. <li><a href='../Text/JHN.xhtml#JHN10_0'>10</a></li>
  25. <li><a href='../Text/JHN.xhtml#JHN11_0'>11</a></li>
  26. <li><a href='../Text/JHN.xhtml#JHN12_0'>12</a></li>
  27. <li><a href='../Text/JHN.xhtml#JHN13_0'>13</a></li>
  28. <li><a href='../Text/JHN.xhtml#JHN14_0'>14</a></li>
  29. <li><a href='../Text/JHN.xhtml#JHN15_0'>15</a></li>
  30. <li><a href='../Text/JHN.xhtml#JHN16_0'>16</a></li>
  31. <li><a href='../Text/JHN.xhtml#JHN17_0'>17</a></li>
  32. <li><a href='../Text/JHN.xhtml#JHN18_0'>18</a></li>
  33. <li><a href='../Text/JHN.xhtml#JHN19_0'>19</a></li>
  34. <li><a href='../Text/JHN.xhtml#JHN20_0'>20</a></li>
  35. <li><a href='../Text/JHN.xhtml#JHN21_0'>21</a></li>
  36. </ul>

  37. <div class='main' id='JHN0_0'>
  38. <div class='chapterlabel' id="JHN1_0">1</div>
  39. <div class='s'>道成肉身 </div>
  40. <p><span class="verse" id="JHN1_1">1 </span>太初有道,道與上帝同在,道就是上帝。
  41. <span class="verse" id="JHN1_2">2 </span>這道太初與上帝同在。
  42. <span class="verse" id="JHN1_3">3 </span>萬物是藉着他造的;凡被造的,沒有一樣不是藉着他造的。
  43. <span class="verse" id="JHN1_4">4 </span>生命在他裏頭,這生命就是人的光。
  44. <span class="verse" id="JHN1_5">5 </span>光照在黑暗裏,黑暗卻不接受光。
  45. </p>
复制代码

玩机之皇

Rank: 6Rank: 6

积分
8538
机型
未知设备
签到次数
244
MIUI版本
8.8.9
私信

MIUI 10专属勋章2018新年勋章感恩节勋章万圣节勋章米兔月饼勋章国庆勋章“澎湃S1 ”芯片纪念勋章初音勋章2017年小金鸡勋章小火箭勋章MIUI 300周

2018-3-8 14:39 | 来自红米Note 3
|
你这代码是li写的啊,是列表格式,按理是段落属性,本身就是应该每行一个的。你要看一下tnav这个属性是不是用了float来引起高度崩塌。

玩机达人

Rank: 2

积分
70
机型
未知设备
签到次数
6
MIUI版本
4.8.29
私信
 楼主| 2018-3-8 15:56 | 来自PC
|
hyx108 发表于 2018-3-8 14:39
你这代码是li写的啊,是列表格式,按理是段落属性,本身就是应该每行一个的。你要看一下tnav这个属性是不是 ...

我自己不太懂HTML代码,这个是直接下载的现成的epub,不是自制的。

玩机之皇

Rank: 6Rank: 6

积分
8538
机型
未知设备
签到次数
244
MIUI版本
8.8.9
私信

MIUI 10专属勋章2018新年勋章感恩节勋章万圣节勋章米兔月饼勋章国庆勋章“澎湃S1 ”芯片纪念勋章初音勋章2017年小金鸡勋章小火箭勋章MIUI 300周

2018-3-8 16:15 | 来自红米Note 3
|
楼主,我下载了epub看了一下,搞清楚了。
原书中有段代码:tnav.li { display:inline},也就是说你看的这些数字目录,赋予的属性是将li以行内元素实现,但是多看不支持这个display属性,由于li本身就是段落属性,所以多看就按照一行行的实现了。

玩机达人

Rank: 2

积分
70
机型
未知设备
签到次数
6
MIUI版本
4.8.29
私信
 楼主| 2018-3-8 17:04 | 来自PC
|
hyx108 发表于 2018-3-8 16:15
楼主,我下载了epub看了一下,搞清楚了。
原书中有段代码:tnav.li { display:inline},也就是说你看的这 ...

谢谢你的解答
快速回复 返回顶部 返回列表