CN112685995A - 文本下划线的处理方法及装置 - Google Patents
文本下划线的处理方法及装置 Download PDFInfo
- Publication number
- CN112685995A CN112685995A CN201910995451.6A CN201910995451A CN112685995A CN 112685995 A CN112685995 A CN 112685995A CN 201910995451 A CN201910995451 A CN 201910995451A CN 112685995 A CN112685995 A CN 112685995A
- Authority
- CN
- China
- Prior art keywords
- text
- elements
- display
- line
- frame
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000003672 processing method Methods 0.000 title abstract description 7
- 238000000034 method Methods 0.000 claims abstract description 52
- 238000012544 monitoring process Methods 0.000 claims description 27
- 238000012545 processing Methods 0.000 claims description 16
- 238000006243 chemical reaction Methods 0.000 claims description 15
- 238000004891 communication Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 abstract description 20
- 238000005516 engineering process Methods 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 13
- 238000004590 computer program Methods 0.000 description 6
- 238000012986 modification Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 230000008859 change Effects 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000012552 review Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Landscapes
- Controls And Circuits For Display Device (AREA)
Abstract
本发明公开了一种文本下划线的处理方法及装置。其中,该方法包括:在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素,其中,内联元素容纳一行文本,文本的当前的显示元素为块级元素,块级元素容纳多行文本;为转化为内联元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线。本发明解决了相关技术中下划线与文本接触,导致显示效果较差,不美观的技术问题。
Description
技术领域
本发明涉及文本显示领域,具体而言,涉及一种文本下划线的处理方法及装置。
背景技术
在产品需求日益丰富的互联网时代,一个令人赏心悦目的界面样式的重要性也日益提升。当产品需求提出文本需要有下划线来突出该文本的重要性以及增加视觉效果时,需要考虑到一行文本和多行文本都存在下划线的情况。现有技术中,一行文本有下划线的情况比较容易实现美观差异不大,但是多行文本下划线使用常用方法却由于下划线和文本之间没有距离,互相接触,导致有些文本的笔画和下划线重合,不利于观看,导致显示效果差。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种文本下划线的处理方法及装置,以至少解决相关技术中下划线与文本接触,导致显示效果较差,不美观的技术问题。
根据本发明实施例的一个方面,提供了一种文本下划线的处理方法,包括:在需要显示的文本为多行的情况下,将所述文本的显示元素从块级元素转化为内联元素,其中,所述内联元素容纳一行文本,所述文本的当前的显示元素为所述块级元素,所述块级元素容纳多行文本;为转化为内联元素的所述文本的显示元素的显示区域添加边框,并显示所述边框的底部框线,其中,将所述边框的底部框线作为所述文本的下划线。
可选的,在需要显示的文本为多行的情况下,将所述文本的显示元素从所述块级元素转化为内联元素之前,包括:添加参考类,其中,所述参考类包括下列至少之一:用于将所述文本元素转化为所述内联元素的转化数据,用于添加所述边框的操作数据。
可选的,在需要显示的文本为多行的情况下,将所述文本的显示元素从所述块级元素转化为内联元素之前,包括:通过监听所述文本是否溢出,判断所述文本是否为多行;在所述文本溢出的情况下,确定所述文本为多行;在所述文本未溢出的情况下,确定所述文本为一行。
可选的,监听所述文本是否溢出包括:通过监听所述文本的显示像素是否超过所述显示区域,来监听所述文本是否溢出;在所述文本的显示像素超过所述显示区域的情况下,确定所述文本溢出;在所述文本的显示像素没有超过所述显示区域的情况下,确定所述文本未溢出。
可选的,还包括:在所述文本为一行的情况下,直接为所述块级元素的所述文本的显示元素的显示区域添加边框,并显示所述边框的底部框线,其中,将所述边框的底部框线作为所述文本的下划线。
可选的,在为所述显示区域添加边框,并显示所述边框的底部框线,为所述文本的下划线之前,包括:通过设置所述边框的底部框线的颜色和线型,编辑下划线的颜色和线型。
根据本发明实施例的另一方面,还提供了一种文本下划线的处理装置,包括:转换模块,用于在需要显示的文本为多行的情况下,将所述文本的显示元素从块级元素转化为内联元素,其中,所述内联元素容纳一行文本,所述文本的当前的显示元素为所述块级元素,所述块级元素容纳多行文本;显示模块,用于为转化为内联元素的所述文本的显示元素的显示区域添加边框,并显示所述边框的底部框线,其中,将所述边框的底部框线作为所述文本的下划线。
可选的,该装置还包括:监听模块,用于通过监听所述文本是否溢出,判断所述文本是否为多行;在所述文本溢出的情况下,确定所述文本为多行;在所述文本未溢出的情况下,确定所述文本为一行。
根据本发明实施例的另一方面,还提供了一种存储介质,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行上述中任意一项所述的方法。
根据本发明实施例的另一方面,还提供了一种电子设备,设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,所述处理器、所述存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的程序指令,以执行如上述中任意一项所述的文本下划线的处理方法。
在本发明实施例中,采用在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素,其中,内联元素容纳一行文本,文本的当前的显示元素为块级元素,块级元素容纳多行文本;为转化为内联元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线的方式,通过将文本的显示应用的块级元素更改为内联元素,实现在多行文本显示下划线时,显示文本显示区域的底部框线,达到了是显示的下划线与文本之间存在一定距离的目的,从而实现了防止下划线与文本重合,提高文本和下划线的显示效果的技术效果,进而解决了相关技术中下划线与文本接触,导致显示效果较差,不美观的技术问题。
附图说明
构成本申请的一部分的附图用来提供对本申请的进一步理解,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是根据本发明实施例的一种文本下划线的处理方法的流程图;
图2是根据本发明实施方式的单行文本下划线的示意图;
图3是根据本发明实施方式的多行文本下划线的示意图;
图4是根据本发明实施例的一种文本下划线的处理装置的示意图。
具体实施方式
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
为了便于描述,以下对本申请实施例涉及的部分名词或术语进行说明:
Display:CSS属性指定了元素的显示类型,它包含两类基础特征,用于指定元素怎样生成盒模型——外部显示类型定义了元素怎样参与流式布局的处理,内部显示类型定义了元素内子元素的布局方式。
Display:inline;表示此元素会被显示为内联元素,元素前后没有换行符。
内联元素:表示在一行显示的元素,也称行内元素、内嵌元素等。
text-decoration:underline dotted red;表示文本css样式文本带有下划线,且为红色虚线。
Div:表示包裹元素的容器。
根据本发明实施例,提供了一种文本下划线的处理方法的方法实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
图1是根据本发明实施例的一种文本下划线的处理方法的流程图,如图1所示,该方法包括如下步骤:
步骤S102,在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素,其中,内联元素容纳一行文本,文本的当前的显示元素为块级元素,块级元素容纳多行文本;
步骤S104,为转化为内联元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线。
通过上述步骤,采用在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素,其中,内联元素容纳一行文本,文本的当前的显示元素为块级元素,块级元素容纳多行文本;为转化为内联元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线的方式,通过将文本的显示应用的块级元素更改为内联元素,实现在多行文本显示下划线时,显示文本显示区域的底部框线,达到了是显示的下划线与文本之间存在一定距离的目的,从而实现了防止下划线与文本重合,提高文本和下划线的显示效果的技术效果,进而解决了相关技术中下划线与文本接触,导致显示效果较差,不美观的技术问题。
通常显示下划线,都是在文本的底部显示下划线,导致下划线与文本相接处,尤其是底部有横线的文字或者符号,与下划线重合,导致在阅读时,影响理解,降低了文本和下划线的下是效果,将本来起到突出作用的下划线,引起了查阅障碍,这是与下划线的设置初衷相悖的。本实施例提供了一种将文本所在显示区域的底部框线进行显示,作为文本的下划线,显示区域的边框与文本都是存在一定边距,因此显示的下划线自然会与文本存在一定距离,从而避免了上述下划线与文本重合的情况,提高了下划线和文本的显示效果。
在显示应用中,通常制定了元素的显示类型,包括块级元素和内联元素,其中,每个块级元素都是从新的一行开始,并且其后的元素也另起一行,可以理解为从上到下排列,一个块级元素独占一行,块级元素的高度、宽度和行高以及顶和底的边距都可以设置,因此,上述显示区域为块级元素的情况下,显示区域的宽度和高度都可以跟随多行文本需要的区域进行变化,也即是显示上述多行文本只需要一个块级元素,显示上述显示区域的底部框线只能使显示区域内的多行文本中的最后一行文本有下划线。
上述内联元素,也即是行内元素、内嵌元素、关联元素,内联元素可以和其他元素都在一行,元素的高度、宽度和行高以及顶和底的边距均不可设置,内联元素的宽度就是它包含的文字或者图片的宽度,不可更改,因此,显示区域内,内联元素可以为多个,具体的在显示区域的文本为多行的情况下,将文本当前所在的显示区域设置为内联元素,就可以使一行文本就可以有多个内联元素,不同文本的行之间有不同的多个内联元素,因此,显示上述多行文本的情况下,从块级元素转换为内联元素,就是将显示多行文本的一个块级元素,转化为多行文本分别对应多个内联元素的情况,即一行文本对应一个内联元素,一个内联元素对应一个内联元素的显示区域,在显示多行文本时,将显示区域的底部框线进行显示,从而可以使多行文本的每一行文本都具有下划线。
需要说明的是,通常在显示应用中修改显示元素,可以从应用底层对代码进行修改,也可以通过代码调试器CCS(Code Composer Studio)进行配置和可视化,在修改显示元素时,通过对CCS中的显示元素的对应代码进行修改,来实现对显示元素的转化。
可选的,在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素之前,包括:添加参考类,其中,参考类包括下列至少之一:用于将文本元素转化为内联元素的转化数据,用于添加边框的操作数据。
在具体实现时,可以通过参考类实现对显示元素的转换,具体的,CCS在执行显示操作时,按照代码实现显示元素对需要显示的文本进行可视化显示,在需要对显示元素进行转化的情况下,在执行代码时调用上述参考类,通过参考类中的转化数据将显示元素从块级元素转化为内联元素。然后通过上述操作数据对内联元素进行操作,上述操作数据可以包括用于添加边框的操作指令,根据该操作指令,实现对内联元素添加边框,从而根据显示边框来显示下划线。上述边框可以是可编辑边框,可以通过设置边框的格式,来改变边框的样式,边框的样式改变了,下划线的样式随之改变。上述边框的样式包括线型,粗细,颜色等。上述可编辑边框的样式的变更流程,也即是下划线的样式变更流程与下划线显示流程互相独立,也即是说,在下划线显示的流程中,随时可以根据需求改变下划线的样式。例如,可以通过固定的访问顺序进入下划线样式编辑页面,通过设置-显示-下划线样式的顺序进入下划线样式编辑页面,用户对下划线的样式进行操作,产生对上述样式的更新指令,更新指令中包括样式的更新数据,CCS接收更新指令后,更新对应的边框,以更新对应的下划线,或者直接对边框中作为下划线的底部框线进行更新。从而实现对下划线样式的更改。
在单行文本的情况下,不论是块级元素还是内联元素都可以通过直接显示显示区域的底部框线的方式来显示下划线,但是在多行文本的情况下,就需要通过上述步骤来实现多行文本的下划线的显示。由于显示区域本身为块级元素,因此在文本为多行的情况下,才需要执行上述步骤,本实施例将上述步骤的相关数据打包在参考类中,在文本为多行的情况下,调用上述参考类,通过执行参考类中的步骤的相关数据,实现上述多行文本的下划线的显示。
可选的,在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素之前,包括:通过监听文本是否溢出,判断文本是否为多行;在文本溢出的情况下,确定文本为多行;在文本未溢出的情况下,确定文本为一行。
具体的,在判断文本是否为多行的情况下,设置一个监听事件,通过对文本是否溢出显示区域,来判定文本是否为一行,上述显示区域为块级元素,块级元素单独占一行,在一行文本完毕时,文本溢出块级元素。
可选的,监听文本是否溢出包括:通过监听文本的显示像素是否超过显示区域,来监听文本是否溢出;在文本的显示像素超过显示区域的情况下,确定文本溢出;在文本的显示像素没有超过显示区域的情况下,确定文本未溢出。
上述监听事件可以是通过监听文本的显示像素是否超过显示区域的范围,来确定文本是否溢出。
可选的,还包括:在文本为一行的情况下,直接块级元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线。
上述文本为一行的情况下,说明该文本在块级元素和内联元素的显示效果是一样的,可以直接通过的块级元素的显示元素进行边框添加,并显示边框的底线,来当做上述一行文本的下划线。
可选的,在为显示区域添加边框,并显示边框的底部框线,为文本的下划线之前,包括:通过设置边框的底部框线的颜色和线型,编辑下划线的颜色和线型。
上述显示区域的底部框线,可以设置不同颜色和不同线型,通过提前设置,可以确定下划线的显示方案。上述底部框线的设置方式,可以与上述下划线的设置方式相同,具体的,可以通过一定的访问顺序进入底部框线的样式编辑页面,该页面响应用户的更新操作,产生更新指令,发送给显示应用或者上述CCS,由上述显示应用或者 CCS执行更新命令,对该底部框线的样式进行更新,从而实现对下划线样式的更新。
上述设置边框的底部框线的颜色和线型,可以是通过设置下划线的颜色和线型来实现,也即是设置下划线的颜色和线型,产生对应的对底部框线的修改指令,通过上述底部框线作为下划线进行显示。还可以是通过设置下划线的颜色和线型,来设置边框的颜色和线型,从而实现对上述显示元素的边框的颜色和线型,上述显示元素的边框的颜色和线型改变,该边框的颜色和线型对应改变。从而实现设置下划线的颜色和线型来实现对上述底部框线的颜色和线型的设置。
需要说明的是,本实施例还提供了一种可选的实施方式,下面对该实施方式进行详细说明。
在产品需求日益丰富的互联网时代,一个令人赏心悦目的界面样式的重要性也日益提升。当产品需求提出文本需要有下划线来突出该文本的重要性以及增加视觉效果时,需要考虑到一行文本和多行文本都存在下划线的情况。一行文本有下划线的情况比较容易实现,但是多行文本下划线使用常用方法却无法实现。
为了使文本不管是在一行文本还是多行文本时,下划线可以设置的更为美观。文字与下划线之间有一定距离。本实施方式通过给文本区域添加border(边框)的方法来模拟实现文本下划线效果。图2是根据本发明实施方式的单行文本下划线的示意图,如图2所示,一行文本时通过border-bottom:1px dashed blue;来实现。
图3是根据本发明实施方式的多行文本下划线的示意图,如图3所示,多行文本时需要设置文本当前所在的div的display为inline;使div块级元素改为内联元素,再添加border-bottom:1px dashed blue;则可以达到图3所示的实例效果。可以用一个 class类名(div的类名)如reference,将display:inline和border-bottom:1px dashed blue;涵盖起来。当是多行文本时,给文本所在的div添加reference类名即可达到效果。页面中很多时候并不知道是多行文本还是一行文本,因此需要在文本所在的div添加一个监听事件,来判断文本是否溢出(文本内容超出div);如果文本溢出,则给文本所在的div添加reference类名即可。
本实施方式可以使得不管是一行文本还是多行文本的下划线都可以显示的更为美观。还可以使文字与下划线之间存在一些空隙,感官上不会那么密集。
图4是根据本发明实施例的一种文本下划线的处理装置的示意图,如图4所示,根据本发明实施例的另一方面,还提供了一种文本下划线的处理装置,包括:转换模块42和显示模块44,下面对该装置进行详细说明。
转换模块42,用于在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素,其中,内联元素容纳一行文本,文本的当前的显示元素为块级元素,块级元素容纳多行文本;显示模块44,与上述转换模块42相连,用于为转化为内联元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线。
通过上述装置,采用转换模块42在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素,其中,内联元素容纳一行文本,文本的当前的显示元素为块级元素,块级元素容纳多行文本;显示模块44为转化为内联元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线的方式,通过将文本的显示应用的块级元素更改为关联内联元素,实现在多行文本显示下划线时,显示文本显示区域的底部框线,达到了是显示的下划线与文本之间存在一定距离的目的,从而实现了防止下划线与文本重合,提高文本和下划线的显示效果的技术效果,进而解决了相关技术中下划线与文本接触,导致显示效果较差,不美观的技术问题。
上述数据处理装置包括处理器和存储器,上述转换模块42和显示模块44均作为程序模块单元存储在存储器中,由处理器执行存储在存储器中的上述程序模块单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来同时显示韦恩图和关键词,提高使用效果。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
可选的,该装置还包括:监听模块,用于监听文本,判断文本是否溢出;在文本溢出的情况下,确定文本为多行;在文本未溢出的情况下,确定文本为一行。
根据本发明实施例的另一方面,还提供了一种存储介质,存储介质包括存储的程序,其中,在程序运行时控制存储介质所在设备执行上述中任意一项的方法。
根据本发明实施例的另一方面,还提供了一种处理器,处理器用于运行程序,其中,程序运行时执行上述中任意一项的方法。
根据本发明实施例的另一方面,还提供了一种电子设备,设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,所述处理器、所述存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的程序指令,以执行如上述中任意一项所述的文本下划线的处理方法
本发明实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:
在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素,其中,内联元素容纳一行文本,文本的当前的显示元素为块级元素,块级元素容纳多行文本;为转化为内联元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线。
可选的,在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素之前,包括:添加参考类,其中,参考类包括下列至少之一:用于将文本元素转化为内联元素的转化数据,用于添加边框的操作数据。
可选的,在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素之前,包括:通过监听文本是否溢出,判断文本是否为多行;在文本溢出的情况下,确定文本为多行;在文本未溢出的情况下,确定文本为一行。
可选的,监听文本是否溢出包括:通过监听文本的显示像素是否超过显示区域,来监听文本是否溢出;在文本的显示像素超过显示区域的情况下,确定文本溢出;在文本的显示像素没有超过显示区域的情况下,确定文本未溢出。
可选的,还包括:在文本为一行的情况下,直接为块级元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线。
可选的,在为显示区域添加边框,并显示边框的底部框线,为文本的下划线之前,包括:通过设置边框的底部框线的颜色和线型,编辑下划线的颜色和线型。
本申请中的设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:
在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素,其中,内联元素容纳一行文本,文本的当前的显示元素为块级元素,块级元素容纳多行文本;为转化为内联元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线。
可选的,在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素之前,包括:添加参考类,其中,参考类包括下列至少之一:用于将文本元素转化为内联元素的转化数据,用于添加边框的操作数据。
可选的,在需要显示的文本为多行的情况下,将文本的显示元素从块级元素转化为内联元素之前,包括:通过监听文本是否溢出,判断文本是否为多行;在文本溢出的情况下,确定文本为多行;在文本未溢出的情况下,确定文本为一行。
可选的,监听文本是否溢出包括:通过监听文本的显示像素是否超过显示区域,来监听文本是否溢出;在文本的显示像素超过显示区域的情况下,确定文本溢出;在文本的显示像素没有超过显示区域的情况下,确定文本未溢出。
可选的,还包括:在文本为一行的情况下,直接为块级元素的文本的显示元素的显示区域添加边框,并显示边框的底部框线,其中,将边框的底部框线作为文本的下划线。
可选的,在为显示区域添加边框,并显示边框的底部框线,为文本的下划线之前,包括:通过设置边框的底部框线的颜色和线型,编辑下划线的颜色和线型。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
在一个典型的配置中,设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本实施例中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种文本下划线的处理方法,其特征在于,包括:
在需要显示的文本为多行的情况下,将所述文本的显示元素从块级元素转化为内联元素,其中,所述内联元素容纳一行文本,所述文本的当前的显示元素为所述块级元素,所述块级元素容纳多行文本;
为转化为内联元素的所述文本的显示元素的显示区域添加边框,并显示所述边框的底部框线,其中,将所述边框的底部框线作为所述文本的下划线。
2.根据权利要求1所述的方法,其特征在于,在需要显示的文本为多行的情况下,将所述文本的显示元素从所述块级元素转化为内联元素之前,包括:
添加参考类,其中,所述参考类包括下列至少之一:用于将所述文本元素转化为所述内联元素的转化数据,用于添加所述边框的操作数据。
3.根据权利要求1所述的方法,其特征在于,在需要显示的文本为多行的情况下,将所述文本的显示元素从所述块级元素转化为内联元素之前,包括:
通过监听所述文本是否溢出,判断所述文本是否为多行;
在所述文本溢出的情况下,确定所述文本为多行;
在所述文本未溢出的情况下,确定所述文本为一行。
4.根据权利要求3所述的方法,其特征在于,监听所述文本是否溢出包括:
通过监听所述文本的显示像素是否超过所述显示区域,来监听所述文本是否溢出;
在所述文本的显示像素超过所述显示区域的情况下,确定所述文本溢出;
在所述文本的显示像素没有超过所述显示区域的情况下,确定所述文本未溢出。
5.根据权利要求3中任意一项所述的方法,其特征在于,还包括:
在所述文本为一行的情况下,直接为所述块级元素的所述文本的显示元素的显示区域添加边框,并显示所述边框的底部框线,其中,将所述边框的底部框线作为所述文本的下划线。
6.根据权利要求1所述的方法,其特征在于,在为所述显示区域添加边框,并显示所述边框的底部框线,为所述文本的下划线之前,包括:
通过设置所述边框的底部框线的颜色和线型,编辑下划线的颜色和线型。
7.一种文本下划线的处理装置,其特征在于,包括:
转换模块,用于在需要显示的文本为多行的情况下,将所述文本的显示元素从块级元素转化为内联元素,其中,所述内联元素容纳一行文本,所述文本的当前的显示元素为所述块级元素,所述块级元素容纳多行文本;
显示模块,用于为转化为内联元素的所述文本的显示元素的显示区域添加边框,并显示所述边框的底部框线,其中,将所述边框的底部框线作为所述文本的下划线。
8.根据权利要求7所述的装置,其特征在于,该装置还包括:
监听模块,用于通过监听所述文本是否溢出,判断所述文本是否为多行;在所述文本溢出的情况下,确定所述文本为多行;在所述文本未溢出的情况下,确定所述文本为一行。
9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行权利要求1至6中任意一项所述的方法。
10.一种电子设备,设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,所述处理器、所述存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的程序指令,以执行如权利要求1-6中任意一项所述的文本下划线的处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910995451.6A CN112685995A (zh) | 2019-10-18 | 2019-10-18 | 文本下划线的处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910995451.6A CN112685995A (zh) | 2019-10-18 | 2019-10-18 | 文本下划线的处理方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112685995A true CN112685995A (zh) | 2021-04-20 |
Family
ID=75445084
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910995451.6A Pending CN112685995A (zh) | 2019-10-18 | 2019-10-18 | 文本下划线的处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112685995A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090171920A1 (en) * | 2007-12-28 | 2009-07-02 | Microsoft Corporation | Adaptive page layout utilizing block-level elements |
CN108804002A (zh) * | 2018-04-25 | 2018-11-13 | 广州视源电子科技股份有限公司 | 交互智能设备的文本注释方法和装置 |
CN109145272A (zh) * | 2018-07-27 | 2019-01-04 | 广州视源电子科技股份有限公司 | 文本渲染和布局方法、装置、设备和存储介质 |
CN109791465A (zh) * | 2016-09-23 | 2019-05-21 | 苹果公司 | 用于对文本进行注释的设备、方法和图形用户界面 |
-
2019
- 2019-10-18 CN CN201910995451.6A patent/CN112685995A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090171920A1 (en) * | 2007-12-28 | 2009-07-02 | Microsoft Corporation | Adaptive page layout utilizing block-level elements |
CN109791465A (zh) * | 2016-09-23 | 2019-05-21 | 苹果公司 | 用于对文本进行注释的设备、方法和图形用户界面 |
CN108804002A (zh) * | 2018-04-25 | 2018-11-13 | 广州视源电子科技股份有限公司 | 交互智能设备的文本注释方法和装置 |
CN109145272A (zh) * | 2018-07-27 | 2019-01-04 | 广州视源电子科技股份有限公司 | 文本渲染和布局方法、装置、设备和存储介质 |
Non-Patent Citations (1)
Title |
---|
LISTENERP: "css控制多行文本的下划线距离", pages 1, Retrieved from the Internet <URL:https://blog.csdn.net/ListenerP/article/details/96599323> * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11216253B2 (en) | Application prototyping tool | |
EP2840511A1 (en) | System and method for dynamically converting webpage, and computer-readable recording medium | |
WO2015196822A1 (zh) | 一种网页适应屏幕排版方法及装置 | |
CN109144649A (zh) | 图标的显示方法、装置、终端及存储介质 | |
CN109683978B (zh) | 一种流式布局界面渲染的方法、装置以及电子设备 | |
CN110020356A (zh) | 一种页面模块的代码生成方法、装置及系统 | |
CN106095437A (zh) | 用户界面从右到左rtl的布局方式的实现方法及装置 | |
CN104915186B (zh) | 一种制作页面的方法和装置 | |
CN108052565B (zh) | 一种页面的透明处理方法及装置 | |
CN104820589A (zh) | 一种动态适配网页的方法及其装置 | |
US20150074519A1 (en) | Method and apparatus of controlling page element | |
CN108460003B (zh) | 文本数据的处理方法和装置 | |
CN110941428B (zh) | 一种网站创建方法和装置 | |
CN112738562B (zh) | 浏览器页面透明显示的方法、装置和计算机存储介质 | |
CN113450762B (zh) | 文字朗读方法、装置、终端及存储介质 | |
CN117950661B (zh) | 一种ui生成方法及装置 | |
CN112685995A (zh) | 文本下划线的处理方法及装置 | |
CN118227127A (zh) | 占位处理方法、装置及非易失性存储介质 | |
CN113343136B (zh) | 一种展示信息的方法及装置 | |
JP7673319B2 (ja) | 動画マスクレイヤ表示方法、装置、機器及び媒体 | |
CN113035154A (zh) | 一种分屏显示方法、装置、系统及电子设备 | |
CN111125998A (zh) | 文本处理方法和装置 | |
CN107391144A (zh) | 视图展示方法及装置 | |
CN114154095A (zh) | 页面图片生成方法、装置、设备和存储介质 | |
CN112368695B (zh) | 媒体预览特效实现方法、装置及系统、服务端和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |