怎么让文字总是显示最后的，前面的隐藏

微信公开课小程序热门讨论关于「怎么让文字总是显示最后的，前面的隐藏」的小程序开发问题
补充:怎么让文字总是显示最后的，前面的隐藏
展开:需求的场景描述（希望解决的问题）我有一个只显示一行的text组件，然后里面的文字会通过点击事件不停的增加，当文字内容超出这一行后，后面的会被隐藏，然后点击增加文字没有可见的反应，因为后面的文字被不断隐藏，前面的保持不变现在我希望，当文字内容超出一行后，文字整体会忘左移动，显示最后面的，超出的前面部分被隐藏，求解希望提供的能力即速小程序：<viewstyle=position:relative;<scrollviewscrollx=trueclass=navscrollintoview={{moveFlag}}<viewclass=nav_1bindtap=batchdatatype=backTelhoverclass=clickhov通讯录<view<blockwx:for={{titles}}wx:key=item<viewclass=n_icoiconfonticonyou<view<viewclass=nav_1bindtap=lookDptdatatype=titdataindex={{index}}hoverclass=clickhov{{item}}<view<block<viewclass=nav_1bumenid=myDpt<view<scrollview<viewnav{width:750rpx;height:115rpx;lineheight:115rpx;boxsizing:borderbox;padding:023rpx;backgroundcolor:fff;whitespace:nowrap;添加的时候更改scrollintoview的值了,给最后一个元素的id对应就行了：<divclass=testbox <divclass=test{{testStr}}<div<div<button@click=addTest添加文字<buttonJStestNum:0,testStr:还记得防火防盗发的话addTest(){ letarr=[我,你,他,她] thistestStr=thistestStr+arr[thistestNum] thistestNum++if(+thistestNum3){   thistestNum=0}},CSStestboxheight:20pxposition:relativetest lineheight:20px position:absolute right:0 top:0 whitespace:nowrap试试看：问题解决wxsstest{position:absolute;right:0;whitespace:nowrap;}wxml<textbindtap=addclass=test{{test}}<textjsadd(){thistest+=[+1,+22,+333][Mathceil(Mathrandom()*2)];},解决思路设置text居右对齐增加文字时多的文字就会向前靠设置text绝对定位元素变宽后,会向左边延伸建议这只是一个业务问题自己理一下思路,找到问题点,搜索一下即可怀疑你自己去google过没有下面是我用你的问题google第一条结果就可以解决你的问题先看看这篇提问之前应该做的事情吧没有做到这四点,请不要提问https:developersweixinqqcomcommunitydevelopdoc0002060d8f84302c56c71efca51c04：使用scrollview里面包裹text试试顶部文案点击后会左右滑动有空可以写个代码片段：求大神帮忙呀
更多有关「怎么让文字总是显示最后的，前面的隐藏」的讨论可以前往微信公开课小程序参与互动哦！了解更多