文本行边距的调整方法、装置和非易失性存储介质制造方法及图纸

技术编号:45905460 阅读:16 留言:0更新日期:2025-07-22 21:30
本发明专利技术公开了一种文本行边距的调整方法、装置和非易失性存储介质。其中,该方法包括:获取目标页面中的初始文本行,其中,初始文本行为行边缘存在空白的文本行;基于预设的起始点,逐个字符识别初始文本行中的矩形信息并将当前识别字符对应的矩形信息与上一识别字符对应的矩形信息进行比较;在当前识别字符对应的矩形信息与上一识别字符对应的矩形信息不匹配的情况下,确定上一识别字符为初始文本行中的边缘字符;基于边缘字符,创建范围元素;基于范围元素,调整初始文本行的边距,得到目标文本行。本发明专利技术解决了目前浏览器通常会在行末添加额外的空白,导致排版时文本边缘出现不必要的留白,影响视觉效果的技术问题。

【技术实现步骤摘要】

本专利技术涉及计算机,具体而言,涉及一种文本行边距的调整方法、装置和非易失性存储介质


技术介绍

1、在当前前端开发中,字符间距(letter-spacing)的调整是常见的排版需求,尤其在精确控制文本对齐、增强视觉效果以及设计美感方面起到了重要作用。然而,主流浏览器(如chrome、firefox、safari)在实际渲染时,通常会在每行文本的末尾字符后添加额外的空白,尤其是在右对齐布局或rtl(从右到左)语言中,表现尤为突出。开发者往往依赖css来调整字符间距,但由于浏览器的实现与规范不完全一致,文本末尾的额外空白会导致排版不对齐、不美观,甚至引发文本错位问题。

2、针对上述的问题,目前尚未提出有效的解决方案。


技术实现思路

1、本专利技术实施例提供了一种文本行边距的调整方法、装置和非易失性存储介质,以至少解决目前浏览器通常会在行末添加额外的空白,导致排版时文本边缘出现不必要的留白,影响视觉效果的技术问题。

2、根据本专利技术实施例的一个方面,提供了一种文本行边距的调整方法,包括:本文档来自技高网...

【技术保护点】

1.一种文本行边距的调整方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述基于所述范围元素,调整所述初始文本行的边距,得到目标文本行,包括:

3.根据权利要求2所述的方法,其特征在于,所述将所述范围元素插入所述包括所述边缘字符对应的文本节点和所述包括行边缘空白对应的文本节点之间,包括:

4.根据权利要求2所述的方法,其特征在于,所述通过调整所述范围元素对应的行边距来调整所述初始文本行的边距,得到所述目标文本行,包括:

5.根据权利要求1至4中任意一项所述的方法,其特征在于,所述矩形信息中包括对应字符距离所述目标页面上边...

【技术特征摘要】

1.一种文本行边距的调整方法,其特征在于,包括:

2.根据权利要求1所述的方法,其特征在于,所述基于所述范围元素,调整所述初始文本行的边距,得到目标文本行,包括:

3.根据权利要求2所述的方法,其特征在于,所述将所述范围元素插入所述包括所述边缘字符对应的文本节点和所述包括行边缘空白对应的文本节点之间,包括:

4.根据权利要求2所述的方法,其特征在于,所述通过调整所述范围元素对应的行边距来调整所述初始文本行的边距,得到所述目标文本行,包括:

5.根据权利要求1至4中任意一项所述的方法,其特征在于,所述矩形信息中包括对应字...

【专利技术属性】
技术研发人员:李贺
申请(专利权)人:天翼支付科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1