[发明专利]一种多行省略显示的方法及装置

说明书

本申请公开了一种多行省略显示的方法及装置，在确定出待显示在网页页面中的字符串之后，可先进一步确定用于填充字符的容器所能容纳的字符串宽度，作为目标宽度，然后将字符串作为待划分字符串，划分为至少两个子字符串，之后再按照各子字符串在所述字符串中的排序，依次针对每个子字符串，确定第一宽度，并当第一宽度小于目标宽度时，继续按照排序确定下一个子字符串的第一宽度，而当第一宽度不小于目标宽度时，根据该子字符串确定截取位置，并根据该截取位置截取该字符串，通过该容器显示截取后的字符串。

技术领域

本申请涉及信息技术领域，尤其涉及一种多行省略显示的方法及装置。

背景技术

目前，对于网页页面中超出容器体积的字符，通常采用截取部分字符，并加省略号的方式进行显示，如图1所示。其中，在本说明书中容器是指，在网页页面上用于显示文本的标签，直观可显示为网页页面上的文本框。

在图1中，假设需要显示的字符有10个，但是显示字符的容器体积只能显示8个，则在网页页面中显示时，可以显示7个字符并加上省略号“……”。通常，这种显示方式称为多余文本显示省略号，或者称作超出文本显示省略号，在本说明书中，为了方便描述，将这种显示方式统一称为省略显示。

对于如图1所示的单行容器来说，可通过层叠样式表(Cascading Style Sheets，CSS)中已有的样式，实现省略显示方法。当容器的行数属性设置为一行时，该容器仅可显示一行字符，则此时该容器为单行容器。

另外，区别于单行容器，网页页面中还可以设置多行容器。其中，当容器的行数属性设置为两行以上时，该容器可作为多行容器显示多行文本。但是对于页面中的多行容器来说，目前只有少数浏览器支持在多行容器中进行省略显示方法。而在不支持在多行容器中进行省略显示的浏览器上，若要想实现在多行容器中进行多行文本的省略显示，则需要通过运行网页页面的代码实现，显示效果如图2所示。在图2中显示字符的容器显示了3行字符，并将多余显示不了的字符以省略号“……”代替。

具体的，在现有技术中当需要通过网页页面的代码实现多行省略显示时，可通过获取网页页面的参数，确定多行容器可容纳的字符串的宽度或者高度。然后，从待填充进多行容器的字符串的首字符开始，按照字符串中字符的先后顺序，依次增加用于填充进该多行容器中的字符，在每次增加字符时，计算用于填充进该多行容器各字符以及省略号“……”的宽度和，并判断该宽度和是否未超过该多行容器可容纳的字符串的宽度，若是，则继续增加用于填充进该多行容器中的字符，若否，则在刨除最近一次增加的字符后，将用于填充进该多行容器中的各字符以及省略号“……”填充进该多行容器中。

可见，现有技术中在多行容器中省略显示的方法，计算量较多，因此本说明书提供一种新的省略显示方法。

发明内容

本说明书实施例提供一种多行省略显示的方法及装置，用于解决现有技术中在多行容器中省略显示的方法，计算量较多的问题。

本说明书实施例采用下述技术方案：

一种多行省略显示的方法，包括：

确定待显示在网页页面中的字符串；

确定用于填充字符的容器可容纳字符串的宽度，作为目标宽度；

将所述字符串作为待划分字符串，划分为至少两个子字符串；

按照各子字符串在所述字符串中的排序，依次针对每个子字符串，确定从所述字符串的首字符到该子字符串最后一个字符的宽度，作为该第一宽度；

当所述第一宽度小于所述目标宽度时，继续按照所述排序确定下一个子字符串的第一宽度；

当所述第一宽度等于所述目标宽度时，或者当第一宽度大于所述目标宽度时，根据该子字符串确定截取位置，并根据所述截取位置截取所述字符串，通过所述容器显示截取后的字符串。