CN105224540A - 页面排版方法及装置 - Google Patents

Abstract

本发明公开的页面排版方法，包括：确定终端显示区域可以容纳的字数；根据终端显示区域可以容纳的字数，将文章分成若干内容块；将内容块加载到对应的内容容器；确定当前页面容器及其对应的内容容器；将所述对应内容容器插入到页面容器中；将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器；对当前页面容器进行排版。本发明还提供了页面排版装置。本发明实施例所提供的页面排版方法及装置，与现有技术相比，当分页后页面中存在空行时，能够将空行进行填补，从而能够避免页尾出现空行的现象，提高页面的利用率，进一步能够优化展示效果，提高用户体验。

Description

页面排版方法及装置

技术领域

本发明涉及移动通信技术领域，更具体而言，涉及一种页面排版方法及装置。

背景技术

随着互联网技术的发展和智能终端的普及，人们在阅读时不再局限于传统的纸质出版物，而是更加偏爱便于携带的电子阅读终端，比如手机、平板电脑等，这样更加方便人们利用日常生活的时间碎片使用电子阅读终端更加方便的进行阅读。

针对电子阅读终端的html(HypertextMarkupLanguage，超文本标记语言)页面，传统分页排版方法首先，确定文章的字符环境，例如文章为中文环境，其次，将文章中的字符全部视为中文字符，并按照中文字符字号与像素的对应关系，计算每个字符应当占据的空间大小，从而得到每行可以容纳的字符数量，及每页可以容纳字符的行数及显示页数。

然而，在html页面中，无论是单字节字符语言还是双字节字符语言，都存在字符不等宽的现象。例如，中文环境中半角标点符号或者英文字母的宽度为中文字符宽度的一半；而英文环境中，字母与字母本身就不等宽。以中文环境为例，若电子阅读终端能够展示100个中文字符，当一段文字包含100个中文字符时，按照传统的分页排版方法排版后，电子阅读终端的展示效果如图1-1所示，字符的高度与页面的高度相等，字符填满整个页面；然而，若这段文字中包括五十个中文字符和五十个字母时，按照传统的页面排版方法排版，电子阅读终端展示效果如图1-2所示，字符全部插入页面后，页尾部分就会出现空行。很明显，使用传统的html分页排版方法，极易导致部分页面页尾出现空行，从而造成页面利用率低，展示效果不好，影响用户体验。

发明内容

有鉴于此，本发明实施例提供一种页面排版方法及装置，能够避免页尾出现空行的现象，从而能够提高页面的利用率，优化展示效果，提高用户体验。

第一方面，本发明实施例提供了一种页面排版方法，所述方法包括：确定终端显示区域可以容纳的字数；根据终端显示区域可以容纳的字数，将文章分成若干内容块；将内容块加载到对应的内容容器；确定当前页面容器及其对应的内容容器；将所述对应内容容器插入到当前页面容器中；将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器；对当前页面容器进行排版。

在第一方面的第一种可能的实现方式中，所述方法还包括：计算当前页面容器的偏移量；累计所述偏移量，得到累计偏移量；将当前页面容器的下一个页面容器作为当前页面容器，根据所述累计偏移量调整当前页面容器中内容容器的显示内容。

结合上述第一方面，在第二种可能的实现方式中，根据所述累计偏移量调整所述当前页面容器中内容容器的显示内容，包括：判断所述累计偏移量是否小于当前页面容器对应的内容容器的高度；当所述累计偏移量小于当前页面容器对应的内容容器的高度时，将所述页面容器中的内容容器按照所述累计偏移量向上偏移；当所述累计偏移量大于或者等于当前页面容器对应的内容容器的高度时，删除当前页面容器。

结合上述第一方面，在第三种可能的实现方式中，在将所述对应内容容器插入到当前页面容器中之后，将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器之前，所述方法还包括：判断所述对应内容容器与当前页面容器的高度是否相等；如果所述对应内容容器与当前页面容器的高度相等，执行对当前页面容器进行排版的操作；如果所述对应内容容器与当前页面容器的高度不相等，执行将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器的操作。

结合上述第一方面，在第四种可能的实现方式中，确定终端显示区域可以容纳的字数，包括：当所述文章为双字节字符时，获取字符的字号；根据字号与像素的对应关系确定字符的宽度；根据所述宽度计算可以容纳的字数；当所述文章为单字节字符时，获取字母的平均宽度；通过所述平均宽度计算可以容纳的字母数。

第二方面，本发明实施例还提供了一种页面排版方法，所述方法包括：确定终端显示区域可以容纳的字数；根据终端显示区域可以容纳的字数，将文章分成若干内容块；将每个内容块加载到对应的内容容器；将每个内容容器插入到对应的页面容器中；除最后一个页面容器，在每个页面容器中，插入下一个页面容器中的内容容器；确定当前页面容器；对当前页面容器进行排版；计算当前页面容器的偏移量；累计所述偏移量，得到累计偏移量；将当前页面容器的下一个页面容器作为当前页面容器，根据所述累计偏移量对当前页面容器进行排版；判断所述当前页面容器是否为最后一个容器；当所述当前页面容器并非最后一个页面容器，重复执行计算当前页面容器的偏移量的操作；当所述当前页面容器是最后一个页面容器，不执行任何操作。

第三方面，本发明实施例还提供了一种页面排版装置，所述装置包括：第一确定单元：用于计算终端显示区域可以容纳的字数；分页单元：用于根据终端显示区域可以容纳的字数，将文章分成若干内容块；加载单元：用于将内容块加载到对应的内容容器；第二确定单元：用于确定当前页面容器及其对应的内容容器；第一插入单元；用于将所述对应内容容器插入到页面容器中；第二插入单元：用于将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器；排版单元：用于对当前页面容器进行排版。

在第三方面的第一种可能的实现方式中，所述装置还包括：计算单元：用于计算当前页面容器的偏移量；累计单元：用于累计所述偏移量，得到累计偏移量；调整单元：用于将当前页面容器的下一个页面容器作为当前页面容器，根据所述累计偏移量调整当前页面容器中内容容器的显示内容。

结合上述第三方面，在第二种可能的实现方式中，所述调整单元包括：判断模块、偏移模块与删除模块，其中，所述判断模块：用于判断所述累计偏移量是否小于当前页面容器对应的内容容器的高度；所述偏移模块，用于当所述累计偏移量小于当前页面容器对应的内容容器的高度时，将所述页面容器中的内容容器按照所述累计偏移量向上偏移；所述删除模块，用于当所述累计偏移量大于或者等于当前页面容器对应的内容容器的高度时，删除当前页面容器。

结合上述第三方面，在第三种可能的实现方式中，所述装置还包括：判断单元，所述判断单元：用于判断所述对应内容容器与当前页面容器的高度是否相等；所述第二插入单元：还用于当所述对应内容容器与当前页面容器的高度不相等时，将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器；所述排版单元：还用于当所述对应内容容器与当前页面容器的高度相等时，对当前页面容器进行排版。

结合上述第三方面，在第四种可能的实现方式中，所述第二确定单元包括：获取模块、确定模块和计算模块，其中，所述获取模块：用于当所述文章为双字节字符时，获取字符的字号；或者，当所述文章为单字节字符时，获取字母的平均宽度；所述确定模块：用于当所述文章为双字节字符时，根据字号与像素的对应关系确定字符的宽度；所述计算模块：用于当所述文章为双字节字符时，根据所述宽度计算可以容纳的字数；或者，当所述文章为单字节字符时，通过所述平均宽度计算可以容纳的字母数。

第四方面，本发明实施例还提供了一种页面排版装置，所述装置包括：第一确定单元：用于确定终端显示区域可以容纳的字数；分页单元：用于根据终端显示区域可以容纳的字数，将文章分成若干内容块；加载单元：用于将内容块加载到对应的内容容器；第一插入单元；用于将每个内容容器插入到页面容器中；第二插入单元：用于除最后一个页面容器，在每个页面容器中，插入下一个页面容器中的内容容器；第二确定单元：用于确定当前页面容器；第一排版单元：用于对当前页面容器进行排版；计算单元：用于计算当前页面容器的偏移量；累计单元：用于累计所述偏移量，得到累计偏移量；第二排版单元：用于将当前页面容器的下一个页面容器作为当前页面容器，根据所述累计偏移量对当前页面容器进行排版；判断单元：用于判断所述当前页面容器是否为最后一个容器；当所述当前页面容器并非最后一个页面容器，所述计算单元，还用于计算当前页面容器的偏移量。

由以上技术方案可知，本发明实施例所提供的页面排版方法及装置，将文章分页得到的若干内容块，并将内容块加载到对应的内容容器中。在确定当前页面容器及其对应的内容容器后，将所述内容容器插入到页面容器中。由于当前页面容器页尾部分存在空行，除最后一个页面容器，通过将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器，填充当前页面容器的空行。与现有技术相比，当分页后页面中存在空行时，能够将空行进行填补，从而能够避免页尾出现空行的现象，提高页面的利用率，进一步能够优化展示效果，提高用户体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。通过附图所示，本发明的上述及其它目的、特征和优势将更加清晰。在全部附图中相同的附图标记指示相同的部分。并未刻意按实际尺寸等比例缩放绘制附图，重点在于示出本发明的主旨。

图1-1为本发明提供的电子阅读终端的第一种展示效果示意图；

图1-2为本发明提供的电子阅读终端的第二种展示效果示意图；

图2为本发明实施例提供的页面排版方法的第一种实施方法流程图；

图3为本发明实施例提供的页面排版方法的第二种实施方法流程图；

图4为本发明实施例提供的页面排版方法的第三种实施方法流程图

图5-1为本发明提供的示例中将内容容器插入页面容器的显示示意图；

图5-2为本发明提供的示例中补充每个页面容器空行的显示示意图；

图5-3为本发明提供的示例中页面容器中内容偏移后的显示示意图；

图6为本发明实施例提供的页面排版装置的第一种实施方式结构示意图；

图7为本发明实施例提供的页面排版装置的第二种实施方式结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例一

请参见图2，该图示出了本发明实施例提供的页面排版方法的第一种实施方法流程图，该页面排版方法包括如下步骤：

步骤S101：确定终端显示区域可以容纳的字数。

本实施例中，文章字符不同时，确定能够容纳的字数的方式不同，因此，当获取到一篇文章时，首先，确定文章的字符类型，而文章的字符类型通常能够从文章已知的属性中直接得到。得到文章的字符类型后，根据确定的字符类型计算字符的宽度。具体包括：当文章的字符类型为中文时，可以根据字符的字号和像素的对应关系，确定每个字符的宽度，或者根据经验值确定，本发明对此不做限制；当文章为英文字符时，计算英文字符的平均宽度，在确定字型和字号后，该平均宽度的确定可以通过计算26个字母的平均宽度值，或者计算宽度最小的字母I和宽度最大的字母W的平均值，作为字母平均宽度。确定每个字符宽度之后，进而根据终端显示区域的宽度，确定每行能够容纳的字数，然后，根据终端显示区域的高度，确定能够容纳的行数，从而得到终端显示区域可以容纳的字数。

当然，本发明的技术方案，确定终端显示区域可以容纳的字数的方式，不限于上述描述，还可以为其他确定方式，本发明此处不再赘述。

本实施例中，首先，确定字符宽度，然后，根据字符宽度计算能够容纳的字数，能够不依赖任何语言，从而能够应用于任何语言，应用范围广。

步骤S102：根据终端显示区域可以容纳的字数，将文章分成若干内容块。

基于上述步骤，终端显示区域可以容纳的字数，即，每页的字数，根据每页的字数及文章的总字数，将文章内容分为多个内容块，每个内容块即为每页所显示的内容。例如1000字的文章，每页可以容纳的字数为100，则每100个字为一个内容块，该文章能够划分为10个内容块。

步骤S103：将内容块加载到对应的内容容器。

其中，本步骤中，一个内容容器中对应加载一个内容块，为了便于对内容块的管理，为内容块添加内容标签。内容标签包括起始标签和结束标签，起始标签通常位于内容块第一个字符前，用于表示该内容块的开始；结束标签位于内容块最后一个字符后，用于表示该内容块的结束。每个内容块的起始标签和结束标签将该内容块包裹，形成该内容块对应的内容容器。此外，内容标签可以为能够标识文档内容的、任意已知或者即将出现的标识符，本发明对此不做限制。在本发明的一个优选实施例中，内容标签可以为DOM(DocumentObjectModel，文件对象模型)节点，从第一个字符开始，每100个字符通过DOM节点标注。每100个字符的起始DOM节点和结束DOM节点形成该100个字符的内容容器。

本发明实施例中，将内容块容器化，形成对字符的统一管理，便于对内容的处理，相对于对字符处理，能够节省处理步骤，而且算法简单。

步骤S104：确定当前页面容器及其对应的内容容器。

其中，为了能够直观的观察到每个页面的显示情况，方便对内容块的排版，在确定文章分页的数量之后，创建与文章分页相同数量的页面容器，页面容器的可见区域模拟终端显示区域设计。其中，一个页面容器对应一个内容容器，第一个页面容器对应第一个内容容器，第二个页面容器对应第二个内容容器，以此类推。本步骤中，当前页面容器可以为第一个页面容器，那么，当前页面容器对应的内容容器即为第一个内容容器。

步骤S105：将对应内容容器插入到页面容器中。

其中，内容容器中的字符能够实现换行、拉伸对齐等自然排版。将内容容器插入页面容器后，页面容器能够模拟终端显示区域，将内容容器中的内容块进行展示。当‘当前页面容器’为第一个页面容器时，将第一个内容容器插入当前页面容器后，在当前页面容器中，就能够直观的看到第一个内容容器中的内容块，在终端显示区域中的展示效果。此外，将内容容器中的内容块进行自然排版，可以通过CSS(CascadingStyleSheets，层叠样式表)样式控制字符进行，对字符进行自然排版为本领域技术人员所熟知的技术手段，本发明此处不再赘述。

需要指出的，将对应内容容器插入到页面容器后，还可以包括，判断当前页面容器的页尾是否有空行，当‘当前页面容器’页尾有空行，通过执行步骤S106填充当前页面容器页尾的空行；当‘当前页面容器’页尾无空行，对当前页面容器执行步骤S107.其中，判断当前页面容器的页尾是否有空行的具体方法可以为：判断对应内容容器与当前页面容器的高度是否相等，当对应内容容器与当前页面容器的高度相等时，当前页面容器的页尾无空行；当对应内容容器与当前页面容器的高度不相等时，则当前页面容器的页尾有空行。当然，判断当前页面容器的页尾是否有空行的方法，还可以为其他方式，本发明此处不做限制。

步骤S106：将紧邻对应内容容器的下一个内容容器插入到当前页面容器。

其中，由于将内容块插入页面容器后，页面容器的页尾部分会出现空行。为了填充页面容器的空行，同时，保证该页面容器中所展示的内容的连贯性，将当前页面容器相对应的内容容器插入当前页面容器后，再将紧邻该内容容器的下一个内容容器插入当前页面容器的对应内容容器之后。需要指出的，为了保证页面容器中内容显示的连贯性，在插入下一个内容容器前，可以先确定当前内容容器的结束标签，根据该结束标签将紧邻该内容容器的下一个内容容器插入；优选地，可以将紧邻该结束标签的下一行的起始位置作为插入下一个内容容器的起始位置，将下一个内容容器的起始标签插入该位置。由于内容容器的容器特性，当将下一个内容容器插入当前页面容器后，下一个内容容器中的第一行在当前页面容器中空行的第一行显示。

此外，由于当前页面容器中，仅在页尾部分存在空行，因此，紧邻的下一个内容容器插入后，只显示部分内容，其他部分位于当前页面容器的不可见区域内，因此，无法显示。

此外，为了保证与当前页面容器对应的内容容器在最后一行显示时为一个整行，确定内容块时，可以将最后一行的几个字符划分到下一个内容容器。本发明对具体划分方法不再赘述。

步骤S107：对当前页面容器进行排版。

其中，当‘当前页面容器’为第一个内容容器时，对当前页面容器的排版已经完成。由于当前页面容器所显示的内容，与紧邻的下一个页面容器所显示的内容有部分重复，还需要计算该重复部分的偏移量，以便于根据该偏移量对下一个页面容器进行排版。

由上述实施例可知，本发明实施例提供的页面排版方法，将文章分页得到的若干内容块，并将内容块加载到对应的内容容器中。在确定当前页面容器及其对应的内容容器后，将所述内容容器插入到页面容器中。由于当前页面容器页尾部分存在空行，除最后一个页面容器，通过将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器，填充当前页面容器的空行。与现有技术相比，当分页后页面中存在空行时，能够将空行进行填补，从而能够避免页尾出现空行的现象，提高页面的利用率，进一步能够优化展示效果，提高用户体验。

实施例二

参见图3，本图示出了本发明实施例提供的页面排版方法的第二种实施方法流程图。本实施例是在实施例一基础上的扩充，关于本实施例方法步骤中与实施例一重复性的内容可参见实施例一的内容，在本实施例中不再赘述。本实施例中，所述方法包括以下步骤：

步骤S201：确定终端显示区域可以容纳的字数。

在本实施例中，假设文章包含1000个字符，终端显示区域可以容纳的100个字。

步骤S202：根据终端显示区域可以容纳的字数，将文章分成若干内容块。

从文章的第一个字符开始，每100个字符作为一个内容块，得到10个内容块。

步骤S203：将内容块加载到对应的内容容器。

步骤S204：确定当前页面容器及其对应的内容容器。

在上述实施例的基础上，本实施例中，第一个页面容器对应第一个内容容器；第二个页面容器对应第二个内容容器；第三个页面容器对应第三个内容容器，以此类推。当然，第一个内容容器结束部分的内容与第二个内容容器起始部分的内容相互衔接；第二个内容容器结束部分的内容与第三个内容容器起始部分的内容相互衔接；衔接关系顺次向后。

步骤S205：将内容容器插入到页面容器中。

步骤S206：将紧邻内容容器的下一个内容容器插入到当前页面容器。

假设当前页面容器为第二页面容器，由于插入第二个内容容器后，第二个页面容器页尾部分存在两行空行，则将第三个内容容器插入第二个页面容器中，以填充第二个页面容器的两空白行。当然，由上述实施例可知，在第二个页面容器中，第三个内容容器仅起始部分的两行内容能够显示，其他部分均无法显示。

步骤S207：计算当前页面容器的偏移量。

假设第一个页面容器中有两行空行，则第二个内容容器起始部分两行内容，在第一个页面容器和第二个页面容器中均有显示，造成重复显示，不仅浪费页面资源，而且影响用户的体验。因此，为了去掉重复显示的部分，需要调整第二个页面容器中第二个内容容器的显示区域。在本发明的一个优选实施例中，通过计算得到第一个页面容器与第一个内容容器的高度差，得到第一个页面容器的偏移量，用于第二个页面容器根据该偏移量调整内容容器。相类似的，第二个页面容器中也存在空行，因此，需要计算第二个页面容器的偏移量，以便于对后面页面容器进行排版。

步骤S208：累计所述偏移量，得到累计偏移量。

其中，在上述实施例的基础上可知，当对第二个页面容器中第二个内容容器向上偏移两行时，为了保证内容的衔接显示，还需要将第二个页面容器中第三个内容容器向上偏移两行。而第二个页面容器本身已经存在两个空行，因此，第三个内容容器在第二个页面容器中重复的部分为，第一个页面容器的偏移量与第二个页面容器的偏移量的累加。因此，需要将之前得到的偏移量全部累计，得到累计偏移量，以便于对后面的页面容器根据累计偏移量进行处理。

步骤S209：将当前页面容器的下一个页面容器作为当前页面容器，根据累计偏移量调整当前页面容器中内容容器的显示内容。

其中，根据偏移量调整第三个页面容器中内容容器的显示内容，具体包括：判断累计偏移量是否小于第三个内容容器的高度；当累计偏移量小于第三个内容容器的高度时，说明第三个内容容器中，仅有一部分内容在第二个页面容器中显示，其他部分需要在第三个页面容器中显示，因此，将第三个页面容器中的第三个内容容器向上偏移，将第三个内容容器中，与第二个页面容器重复显示的部分偏移出可见区域，同时将第三个页面容器中的第四个内容容器向上偏移相同的量。当累计偏移量大于或者等于第三个内容容器的高度时，说明第三个内容容器的内容，全部在第二个内容容器中显示，因此，删除第三个页面容器。当然，当‘当前页面容器’为最后一个页面容器时，对文章的排版结束。

本实施例中，通过计算重复显示内容的偏移量，并按照该偏移量将重复的部分从页面容器的可见区域偏移出，在填充每个页面容器空白区域的基础上，去除页面容器之间重复显示的部分，不仅能够充分利用页面资源，而且能够提高用户体验。

实施例三

参见图4，该图示出了本发明实施例提供的页面排版方法的第三种实施方法流程图。本实施例将上述两个实施例的执行次序进行变换，形成本实施例的执行方式。本实施例的执行内容与上述实施例相似，对于本实施例方法步骤中与实施例一或者实施例二重复性的内容，可参见实施例一和/或者实施例二的内容，在本实施例中不再赘述。本实施例中，所述方法包括以下步骤：

步骤S301：确定终端显示区域可以容纳的字数。

步骤S302：根据终端显示区域可以容纳的字数，将文章分成若干内容块。

步骤S303：将每个内容块加载到对应的内容容器。

步骤S304：将每个内容容器插入到对应的页面容器中。

步骤S305：除最后一个页面容器，在每个页面容器中，插入下一个页面容器中的内容容器。

在本实施例中，将每个内容容器插入相对应的页面容器后，除去最后一个页面容器，可以首先填补每一个页面容器的空白；或者，将对应的内容容器插入当前页面容器时，同时将该内容容器的下一个内容容器一起插入当前页面容器。

步骤S306：确定当前页面容器。

步骤S307：对当前页面容器进行排版。

如果当前页面容器为第一个页面容器，当前页面容器已经排版完成，通过计算当前页面容器与第一个内容容器的高度差确定偏移量；当‘当前页面容器’不为第一个页面容器也不为最后一个页面容器时，计算当前页面容器及其对应的内容容器的高度差，然后，根据之前计算的偏移量，将当前页面容器中的内容容器向上偏移，完成对当前内容容器的排版。

步骤S308：计算当前页面容器的偏移量。

步骤S309：累计所述偏移量，得到累计偏移量

步骤S310：将当前页面容器的下一个页面容器作为当前页面容器，根据所述累计偏移量对当前页面容器进行排版。

步骤S311：判断当前页面容器是否为最后一个容器，当否时，执行步骤S308；当是时，执行步骤S312。

其中，当‘当前页面容器’不为最后一个页面容器时，根据上述实施例所述，当前页面容器中存在与下一个页面容器中相同的内容，因此，仍然需要计算偏移量，以便于得到累计偏移量，并根据该累计偏移量对后面的页面容器进行排版；当‘当前页面容器’为最后一个页面容器时，所有的页面容器均已完成排版，结束操作。

本实施例所提供的页面排版方法，将文章分页得到的若干内容块，并将内容块加载到对应的内容容器中。在确定当前页面容器及其对应的内容容器后，将所述内容容器插入到页面容器中。由于当前页面容器页尾部分存在空行，除最后一个页面容器，通过将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器，填充当前页面容器的空行。与现有技术相比，当分页后页面中存在空行时，能够将空行进行填补，从而能够避免页尾出现空行的现象，提高页面的利用率，进一步能够优化展示效果，提高用户体验。

实施例四

为了使本领域技术人员更加清楚的了解本发明的技术方案，本实施例中通过一个具体实例对本发明的技术方案进行详细的描述。

本实施例中以一篇包括1000个字符的中文文章为例进行描述，假设电子阅读终端为手机，其显示界面的高度和宽度参数已知，字符显示时的字号已知。首先，根据字符字号与像素的关系计算每个字符所占的宽度；然后，根据手机显示界面的宽度，计算每行能够容纳的字符数。假设本实施例中，每行能够容纳10个字符；最后，根据手机显示界面的高度参数计算每页能够容纳的行数。假设本实施例中，能够容纳10行，从而确定在本实施例中，每页能够容纳100个字符。1000个字符能够分为10页。

从第一个字符开始，为每100个字符插入DOM节点，通过DOM节点的形式表示出每页的内容。具体为，在第一个字符前面添加起始节点，在第一百个字符后面添加结束节点，顺次为后面每100个字符进行相同的操作。

需要指出的，每100个字符可以看做一个内容块，而DOM节点可以看做包裹内容块的内容容器，本实施例中，包括10个内容容器。此外，为了能够直观的看到每个内容块在手机显示界面的显示效果，在确定将文章分为10页之后，创建10个页面容器，每个内容容器对应一个页面容器。其中，页面容器显示区域的大小按照手机显示屏幕的大小设定。

顺次将内容容器插入其相对应的页面容器内，如图5-1所示，该图示出了将内容容器51插入页面容器52的显示示意图。按照内容块的顺序，将每个内容容器插入页面容器的显示区域，其中，任意两个相邻的页面容器中内容块的内容相互连接。需要指出的，将内容容器51插入页面容器52后，内容容器51中的内容块按照CSS样式控制字符的排版，形成每行行尾都对齐的自然排版。由于文章内容中存在半角标点符号或者英文字母，因此，内容块自然排版后，页面容器52页尾部分出现空行。

为了填补每个页面容器页尾出现的空行，将除最后一个页面容器之外的任意一个页面容器作为当前页面容器，将该当前页面容器的下一个页面容器中的内容容器插入当前页面容器。其中，插入前首先，确定先插入内容容器的结束节点，其次，将该结束节点后面紧邻的位置，最后，作为后插入内容容器的起始节点插入的位置。需要说明的，后插入内容容器中内容的第一行自动另起一行。当然，如果当前页面容器为最后一个页面容器，则无须填补其页尾的空行。

如图5-2所示，为填补页面容器空白后页面容器的显示示意图。其中，每个页面容器内包含两个内容容器，先插入内容容器53全部显示，后插入内容容器54仅在页面容器52空行的部分显示，其他部分均不可见。

若当前页面容器为第一个页面容器时，此时，页面容器已经填充满，即，已经完成对第一个页面容器的排版；若当前页面容器并非第一个页面容器，由于当前页面容器的上一个页面容器所显示的内容中，包含与当前页面容器所显示内容相同的部分，因此，为了提高页面的利用率，应当将当前页面容器中，与其上一个页面容器中相同的部分去掉。

请参见图5-3，该图为页面容器中内容偏移后的显示示意图。本实施例中，通过偏移内容容器，将先插入内容容器52中重复的部分从页面容器52的可见区域上移到不可见区域，从而使当前页面容器页头显示的内容，与其上一个页面容器页尾显示的内容衔接。需要指出的，为了保证当前页面容器所显示的内容的连贯性，将先插入内容容器52向上偏移时，后插入内容容器53也向上偏移同样的量，至此，完成对当前页面容器的排版。

此外，在本实施例中，当‘当前页面容器’为第二个页面容器时，计算第一个页面容器可见区域与其先插入内容容器的高度差，该高度差即为第一个页面容器需要填充的空白区域，该空白区域中所显示的内容，即为当前页面容器中重复内容的高度，所以将该高度差确定为当前页面容器中内容容器的偏移量；当‘当前页面容器’为第N(N为大于2的自然数)个页面容器时，得到前面N-1个页面容器的高度差，将该N-1个高度差累加，得到当前页面容器的偏移量。例如，N为3时，当前页面容器的偏移量为，第一个页面容器的高度差与第二个页面容器的高度差之和，其他页面容器偏移量的计算与上述相同，本发明此处不再赘述。

需要指出的，在根据偏移量调整内容容器之前，判断偏移量是否小于当前页面容器中先插入内容容器的高度，如果小于，说明先插入内容容器中部分内容在上一个页面容器中显示，其余部分内容在当前页面容器中显示，因此，将当前页面中的内容容器按照偏移量调整；如果偏移量大于或者等于先插入内容容器的高度，说明先插入内容容器中全部的内容均用于填充上一个页面容器，即其全部内容均已在上一个页面容器中显示，因此，直接删除当前页面容器。

当然，分别将内容容器插入相对应的页面容器之后，可以首先对每个页面容器执行填补空行的操作，然后再分别计算每个页面容器的高度差，并分别调整每个页面容器，直到最后一个页面容器；或者对当前页面容器执行，填补空行，然后计算高度差的操作之后，指向下一个页面容器，并执行相同的操作，直到最后一个容器。本发明对具体执行次序不做限制。

需要说明的，上述仅为本发明的一个优选示例，对本发明的技术方案不构成任何限制，每个执行步骤的简单变形和替换均属于本发明技术方案的保护范畴。

可以得到，本发明实施例所提供的页面排版方法，将文章分页得到的若干内容块，并将内容块加载到对应的内容容器中。在确定当前页面容器及其对应的内容容器后，将所述对应内容容器插入到页面容器中。由于当前页面容器页尾部分存在空行，通过将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器，填充页面容器的空行。与现有技术相比，当分页后页面中存在空行时，能够将空行进行填补，从而能够避免页尾出现空行的现象，提高页面的利用率，进一步能够优化展示效果，提高用户体验。

实施例五

与上述实现方法相对应的，本发明实施例还提供了页面排版装置，如图6所示，为本发明实施例提供的页面排版装置的第一种实施方式结构示意图。所述装置包括：第一确定单元11、分页单元12、加载单元13、第二确定单元14、第一插入单元15、第二插入单元16和排版单元17，其中，第一确定单元11，用于计算终端显示区域可以容纳的字数；分页单元12，用于根据终端显示区域可以容纳的字数，将文章分成若干内容块；加载单元13，用于将内容块加载到对应的内容容器；第二确定单元14，用于确定当前页面容器及其对应的内容容器；第一插入单元15，用于将对应内容容器插入到页面容器中；第二插入单元16，用于将紧邻对应内容容器的下一个内容容器插入到当前页面容器；排版单元17，用于对当前页面容器进行排版。

在本实施例的中，所述装置还包括判断单元，所述判断单元：用于判断所述对应内容容器与当前页面容器的高度是否相等；所述第二插入单元16：还用于当所述对应内容容器与当前页面容器的高度不相等时，将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器；所述排版单元17：还用于当所述对应内容容器与当前页面容器的高度相等时，对当前页面容器进行排版。

在本实施例的基础上，在另一个实施例中，所述装置还包括：计算单元、累计单元和调整单元，其中，计算单元，用于计算当前页面容器的偏移量；累计单元，用于累计所述偏移量，得到累计偏移量；调整单元，用于将当前页面容器的下一个页面容器作为当前页面容器，根据累计偏移量调整当前页面容器中内容容器的显示内容。其中，调整单元包括：判断模块、偏移模块与删除模块，判断模块，用于判断累计偏移量是否小于当前页面容器对应的内容容器的高度；偏移模块，用于当累计偏移量小于当前页面容器对应的内容容器的高度时，将页面容器中的内容容器按照累计偏移量向上偏移；删除模块，用于当累计偏移量大于或者等于当前页面容器对应的内容容器的高度时，删除当前页面容器。

第二确定单元14包括：获取模块、确定模块和计算模块，其中，获取模块，用于当文章为双字节字符时，获取字符的字号；或者，当文章为单字节字符时，获取字母的平均宽度；确定模块，用于当文章为双字节字符时，根据字号与像素的对应关系确定字符的宽度；计算模块，用于当文章为双字节字符时，根据宽度计算可以容纳的字数；或者，当文章为单字节字符时，通过平均宽度计算可以容纳的字母数。

所述装置中各个单元的功能和作用的实现过程详见上述方法中对应的实现过程，在此不再赘述。

本发明实施例所提供的页面排版装置，将文章分页得到的若干内容块，并将内容块加载到对应的内容容器中。在确定当前页面容器及其对应的内容容器后，将所述对应内容容器插入到页面容器中。由于当前页面容器页尾部分存在空行，通过将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器，填充页面容器的空行。与现有技术相比，当分页后页面中存在空行时，能够将空行进行填补，从而能够避免页尾出现空行的现象，提高页面的利用率，进一步能够优化展示效果，提高用户体验。

实施例六

参见图7，该图示出了本发明实施例提供的页面排版装置的第二种实施方式结构示意图。所述装置包括：第一确定单元20、分页单元21、加载单元22、第一插入单元23、第二插入单元24、第二确定单元25、第一排版单元26、计算单元27、累计单元28、第二排版单元29和判断单元30，其中，第一确定单元20，用于确定终端显示区域可以容纳的字数；分页单元21，用于根据终端显示区域可以容纳的字数，将文章分成若干内容块；加载单元22，用于将内容块加载到对应的内容容器；第一插入单元23，用于将每个内容容器插入到页面容器中；第二插入单元24，用于除最后一个页面容器，在每个页面容器中，插入下一个页面容器中的内容容器；第二确定单元25，用于确定当前页面容器；第一排版单元26，用于对当前页面容器进行排版；计算单元27，用于计算当前页面容器的偏移量；累计单元28，用于累计所述偏移量，得到累计偏移量；第二排版单元,29，用于将当前页面容器的下一个页面容器作为当前页面容器，根据累计偏移量对当前页面容器进行排版；判断单元30，用于判断当前页面容器是否为最后一个容器；当当前页面容器并非最后一个页面容器，计算单元27还用于计算当前页面容器的偏移量。

所述装置中各个单元的功能和作用的实现过程详见上述方法中对应的实现过程，在此不再赘述。

综合上述，本发明实施例所提供的页面排版方法及装置，将文章分页得到的若干内容块，并将内容块加载到对应的内容容器中。在确定当前页面容器及其对应的内容容器后，将所述对应内容容器插入到页面容器中。由于当前页面容器页尾部分存在空行，通过将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器，填充页面容器的空行。与现有技术相比，当分页后页面中存在空行时，能够将空行进行填补，从而能够避免页尾出现空行的现象，提高页面的利用率，进一步能够优化展示效果，提高用户体验。

可以理解的是，本发明可用于众多通用或专用的计算系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。

本发明可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本发明，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅是本发明的具体实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.页面排版方法，其特征在于，所述方法包括：

确定终端显示区域可以容纳的字数；

根据终端显示区域可以容纳的字数，将文章分成若干内容块；

将内容块加载到对应的内容容器；

确定当前页面容器及其对应内容容器；

将所述对应内容容器插入到页面容器中；

将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器；

对当前页面容器进行排版。

2.如权利要求1所述的页面排版方法，其特征在于，所述方法还包括：

计算当前页面容器的偏移量；

累计所述偏移量，得到累计偏移量；

将当前页面容器的下一个页面容器作为当前页面容器，根据所述累计偏移量调整当前页面容器中内容容器的显示内容。

3.如权利要求2所述的页面排版方法，其特征在于，根据所述累计偏移量调整所述当前页面容器中内容容器的显示内容，包括：

判断所述累计偏移量是否小于当前页面容器对应的内容容器的高度；

当所述累计偏移量小于当前页面容器对应的内容容器的高度时，将所述页面容器中的内容容器按照所述累计偏移量向上偏移；

当所述累计偏移量大于或者等于当前页面容器对应的内容容器的高度时，删除当前页面容器。

4.如权利要求1所述的页面排版方法，其特征在于，在将所述对应内容容器插入到当前页面容器中之后，将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器之前，所述方法还包括：

判断所述对应内容容器与当前页面容器的高度是否相等；

如果所述对应内容容器与当前页面容器的高度相等，执行对当前页面容器进行排版的操作；

如果所述对应内容容器与当前页面容器的高度不相等，执行将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器的操作。

5.如权利要求1至4中任一权项所述的页面排版方法，其特征在于，确定终端显示区域可以容纳的字数，包括：

当所述文章为双字节字符时，获取字符的字号；根据字号与像素的对应关系确定字符的宽度；根据所述宽度计算可以容纳的字数；

当所述文章为单字节字符时，获取字母的平均宽度；通过所述平均宽度计算可以容纳的字母数。

6.页面排版方法，其特征在于，所述方法包括：

确定终端显示区域可以容纳的字数；

根据终端显示区域可以容纳的字数，将文章分成若干内容块；

将每个内容块加载到对应的内容容器；

将每个内容容器插入到对应的页面容器中；

除最后一个页面容器，在每个页面容器中，插入下一个页面容器中的内容容器；

确定当前页面容器；

对当前页面容器进行排版；

计算当前页面容器的偏移量；

累计所述偏移量，得到累计偏移量；

将当前页面容器的下一个页面容器作为当前页面容器，根据所述累计偏移量对当前页面容器进行排版；

判断所述当前页面容器是否为最后一个容器；

当所述当前页面容器并非最后一个页面容器时，重复执行计算当前页面容器的偏移量的操作；

当所述当前页面容器是最后一个页面容器时，不执行任何操作。

7.页面排版装置，其特征在于，所述装置包括：

第一确定单元：用于计算终端显示区域可以容纳的字数；

分页单元，用于根据终端显示区域可以容纳的字数，将文章分成若干内容块；

加载单元，用于将内容块加载到对应的内容容器；

第二确定单元，用于确定当前页面容器及其对应内容容器；

第一插入单元，用于将所述对应内容容器插入到页面容器中；

第二插入单元，用于将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器；

排版单元，用于对当前页面容器进行排版。

8.如权利要求7所述的页面排版装置，其特征在于，所述装置还包括：

计算单元，用于计算当前页面容器的偏移量；

累计单元，用于累计所述偏移量，得到累计偏移量；

调整单元，用于将当前页面容器的下一个页面容器作为当前页面容器，根据所述累计偏移量调整当前页面容器中内容容器的显示内容。

9.如权利要求7所述的页面排版装置，其特征在于，所述装置还包括：判断单元，

所述判断单元：用于判断所述对应内容容器与当前页面容器的高度是否相等；

所述第二插入单元：还用于当所述对应内容容器与当前页面容器的高度不相等时，将紧邻所述对应内容容器的下一个内容容器插入到当前页面容器；

所述排版单元：还用于当所述对应内容容器与当前页面容器的高度相等时，对当前页面容器进行排版。

10.页面排版装置，其特征在于，所述装置包括：

第一确定单元，用于确定终端显示区域可以容纳的字数；

分页单元，用于根据终端显示区域可以容纳的字数，将文章分成若干内容块；

加载单元，用于将内容块加载到对应的内容容器；

第一插入单元，用于将每个内容容器插入到页面容器中；

第二插入单元，用于除最后一个页面容器，在每个页面容器中，插入下一个页面容器中的内容容器；

第二确定单元，用于确定当前页面容器；

第一排版单元，用于对当前页面容器进行排版；

计算单元，用于计算当前页面容器的偏移量；

累计单元，用于累计所述偏移量，得到累计偏移量；

第二排版单元，用于将当前页面容器的下一个页面容器作为当前页面容器，根据所述累计偏移量对当前页面容器进行排版；

判断单元，用于判断所述当前页面容器是否为最后一个容器；

当所述当前页面容器并非最后一个页面容器，所述计算单元，还用于计算当前页面容器的偏移量。