[发明专利]一种自适应文字宽度的方法、装置、终端及存储介质

说明书

本发明公开一种自适应文字宽度的方法、装置、终端及存储介质，查找出所有需要自适应宽度的文字，并获取各个需要自适应宽度文字的字体属性；根据各个需要自适应宽度文字的字体属性，获取到所有字体属性中最大的文字实际宽度，将所获取的最大的文字实际宽度作为自适应宽度值；将所有需要自适应宽度文字的DOM标签宽度设置为所获取的自适应宽度值。在文字变动、多语言切换或场景变动时，可自动调整所有需要自适应宽度文字的DOM标签宽度，不管文字怎样变化，始终保持最佳宽度来展示，无需开发人员变动代码，降低开发成本，利于后续维护。

技术领域

本发明涉及HTML网页文字宽度领域，具体涉及一种自适应文件宽度的方法、装置、终端及存储介质。

背景技术

目前，web开发过程中在展示多种元素形式（例如，姓名：张三；年龄：20；曾工作单位：XX，XXX）的内容时，一般采用将各类（姓名、年龄、曾工作单位）元素DOM标签固定宽度的方式，保证文字能全部展示，不会换行。但是如果后续增加或隐藏展示内容时、多语言切换时，之前定义的宽度也许不满足于更多的场景，此时开发人员会重新调整之前定义的固定宽度，甚至会根据不同的场景来赋予不同的固定宽度。这样就会导致经常变动代码，增加开发成本，不利于后续维护。

发明内容

为解决上述问题，本发明提供一种自适应文字宽度的方法、装置、终端及存储介质，可以自动根据文字宽度来动态调整并赋予DOM标签宽度，不管文字怎样变化，始终保持最佳宽度来展示。

第一方面，本发明的技术方案提供一种自适应文字宽度的方法，包括以下步骤：

查找出所有需要自适应宽度的文字，并获取各个需要自适应宽度文字的字体属性；

根据各个需要自适应宽度文字的字体属性，获取到所有字体属性中最大的文字实际宽度，将所获取的最大的文字实际宽度作为自适应宽度值；

将所有需要自适应宽度文字的DOM标签宽度设置为所获取的自适应宽度值。

进一步地，该方法还包括以下步骤：

初始时制定规则，将所有需要自适应宽度的文字使用字体属性标签包裹，将字体属性标签的标签样式定义为自适应宽度。

进一步地，查找出所有需要自适应宽度的文字，具体为：

根据字体属性标签的标签样式查找出所有需要自适应宽度的文字；

获取各个需要自适应宽度文字的DOM标签；

从DOM标签中提取对应文字的字体属性。

进一步地，根据待处理文字的字体属性，获取到所有字体属性中最大的文字实际宽度，具体包括：

创建新的字体属性标签；

依次将各个需要自适应宽度文字的字体属性设置给该新的字体属性标签，并将相应需要自适应宽度文字添加到该新的字体属性标签的内容，每处理一个需要自适应宽度文字获得一次该新的字体属性标签的实际宽度；

从所获得的所有字体属性标签的实际宽度中选择最大实际宽度作为自适应宽度值。

进一步地，该方法还包括以下步骤：

将每次获得的新的字体属性标签的实际宽度存入一数据列表中；

从所获得的所有该新的字体属性标签的实际宽度中选择最大实际宽度作为自适应宽度值，具体为：

从所述数据列表中选择最大实际宽度作为自适应宽度值。

进一步地，将需要自适应宽度文字的字体属性设置给该新的字体属性标签之后，将相应需要自适应宽度文字添加到该新的字体属性标签的内容之前还包括以下步骤：

设置该新的字体属性标签的位置；

将该新的字体属性标签添加到网页主体中；

该方法还包括以下步骤：

获得所有新的字体属性标签的实际宽度之后将该新的字体属性标签从网页主体中移除。