一种自适应文字宽度的方法、装置、终端及存储介质制造方法及图纸

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

【技术实现步骤摘要】
一种自适应文字宽度的方法、装置、终端及存储介质


[0001]本专利技术涉及HTML网页文字宽度领域，具体涉及一种自适应文件宽度的方法、装置、终端及存储介质。

技术介绍

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

技术实现思路

[0003]为解决上述问题，本专利技术提供一种自适应文字宽度的方法、装置、终端及存储介质，可以自动根据文字宽度来动态调整并赋予DOM标签宽度，不管文字怎样变化，始终保持最佳宽度来展示。
[0004]第一方面，本专利技术的技术方案提供一种自适应文字宽度的方法，包括以下步骤：查找出所有需要自适应宽度的文字，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种自适应文字宽度的方法，其特征在于，包括以下步骤：查找出所有需要自适应宽度的文字，并获取各个需要自适应宽度文字的字体属性；根据各个需要自适应宽度文字的字体属性，获取到所有字体属性中最大的文字实际宽度，将所获取的最大的文字实际宽度作为自适应宽度值；将所有需要自适应宽度文字的DOM标签宽度设置为所获取的自适应宽度值。2.根据权利要求1所述的自适应文字宽度的方法，其特征在于，该方法还包括以下步骤：初始时制定规则，将所有需要自适应宽度的文字使用字体属性标签包裹，将字体属性标签的标签样式定义为自适应宽度。3.根据权利要求2所述的自适应文字宽度的方法，其特征在于，查找出所有需要自适应宽度的文字，具体为：根据字体属性标签的标签样式查找出所有需要自适应宽度的文字；获取各个需要自适应宽度文字的DOM标签；从DOM标签中提取对应文字的字体属性。4.根据权利要求1、2或3所述的自适应文字宽度的方法，其特征在于，根据待处理文字的字体属性，获取到所有字体属性中最大的文字实际宽度，具体包括：创建新的字体属性标签；依次将各个需要自适应宽度文字的字体属性设置给该新的字体属性标签，并将相应需要自适应宽度文字添加到该新的字体属性标签的内容，每处理一个需要自适应宽度文字获得一次该新的字体属性标签的实际宽度；从所获得的所有该新的字体属性标签的实际宽度中选择最大实际宽度作为自适应宽度值。5.根据权利要求4所述的自适应文字宽度的方法，其特征在于，该方法还包括以下步骤：将每次获得的新的字体属性标签的实际宽度存入一数据列表中；从所获得的所有字体属性标签的实际宽度中选择最大实际宽...

【专利技术属性】
技术研发人员：杨浩，
申请(专利权)人：济南浪潮数据技术有限公司，
类型：发明
国别省市：