-
当我的代码中文字显示太多,占位置该怎么处理。
-
这个很简单啊,只需要添加一个属性就可以解决,你看我的操作。
这么来看哈,
.maxLines (2).textOverflow ({overflow: TextOverflow.None}) 其实就是在控制文字怎么显示的。 先说 .maxLines (2) 呀,它就好比给文字划了个框,规定文字最多只能占两行的地儿。要是文字本来挺长的,超过了两行能装下的范围,那多出来的部分就得按后面设置的办法来处理了。打个比方,就像你写作文,老师规定一张纸只让你写两行字,多了的就先不管,等后面再看咋整呗。在手机上那些软件里呀,像文章列表,每个文章开头的小摘要就可以这么设置,让它们都规规矩矩只显示两行,看着整齐又能大概说点内容,也不会占太多地方把页面弄乱了。 再说说 .textOverflow ({overflow: TextOverflow.None}) ,这个呢,就是在前面已经规定了最多两行的基础上,要是文字还是多了,超出两行那部分文字它也不做啥特别处理了,不会说给你把多的裁掉,或者弄个省略号表示还有字没显示啥的,就原原本本的那样放着。这就好比你把衣服往箱子里塞,虽然规定了只能占两层的空间,但多出来的部分还是在那,只是一开始可能看不到,要是箱子能打开或者有别的办法(像可以滚动查看、能展开内容这些),就能看到全部的文字啦。比如说在聊天窗口里,一条消息长了,限制先显示两行,可要是你往下滚动一下,就能看到这条消息完整没被截断的内容了,或者有的地方能点一下展开,也能看到全部字呢。 把这俩放一块儿用呀,就是先让文字一开始只显示最多两行,看着简洁,然后又不把超出两行的文字给弄没了或者改样子,等后面要是有滚动、展开之类的操作,还能把全部文字都看到呢,这么做在好多需要让界面看着简单,又能保证文字内容都能瞧见的地方,都挺好用的呢。