首页 专利交易 科技果 科技人才 科技服务 国际服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

文本在容器溢出时显示省略号并给出提示的前端交互组件的实现方法 

买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!

申请/专利权人:中电云计算技术有限公司

摘要:本发明涉及一种文本在容器溢出时显示省略号并给出提示的前端交互组件的实现方法。本方法包括:添加显示容器,设置其显示样式,然后向其中存放需要显示的文本内容,并计算其宽高尺寸;添加非可视容器,设置为与显示容器相同的样式,存放相同的文本内容,然后将其设置为display:inline‑block样式,计算其宽高尺寸;比较显示容器与非可视容器的宽高尺寸,判断文本是否溢出;针对溢出文本,设置省略号的显示并添加工具提示功能以便查看完整文本内容;文本未溢出时,不显示省略号及工具提示。本方法通过智能化处理不定长度文本的溢出显示,使用户能够查看完整的文本内容,并在文本未溢出时,不显示省略号和工具提示,保持了界面的简洁性,改善了用户体验。

主权项:1.一种文本在容器溢出时显示省略号并给出提示的前端交互组件的实现方法,其特征在于,所述方法包括:S1.添加一个显示容器,设置其显示样式,然后向该显示容器中存放需要显示的文本内容,并计算显示容器的宽高尺寸;S2.添加一个非可视容器,将其设置为与显示容器相同的样式,并存放相同的文本内容,然后将其设置为display:inline-block样式,计算该非可视容器的宽高尺寸;S3.通过比较计算得到的显示容器的宽高与非可视容器的宽高尺寸,判断文本是否溢出,如果非可视容器的宽或高大于显示容器对应的宽或高,则判定为溢出;S4.针对溢出文本,设置省略号的显示,并为省略号添加工具提示功能;文本未溢出时,不显示省略号及工具提示。

全文数据:

权利要求:

百度查询: 中电云计算技术有限公司 文本在容器溢出时显示省略号并给出提示的前端交互组件的实现方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。