小程序文本超出显示省略号:一行文本省略技巧
可以使用CSS中的text-overflow属性来实现在小程序中超出一行部分省略号显示。
具体步骤如下:
-
在样式中设置
overflow属性为hidden,这样超出一行的部分就会被隐藏。 -
设置
white-space属性为nowrap,这样文本就不会自动换行。 -
设置
text-overflow属性为ellipsis,这样超出的部分会以省略号的形式显示。
举个例子,代码如下:
.text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
在使用时,只需要将需要省略号显示的文本包含在一个class为text的元素中即可。
<view class="text">这是一段超出一行的文本内容</view>
这样就可以实现在小程序中超出一行部分省略号显示的效果了。
原文地址: https://www.cveoy.top/t/topic/oT2e 著作权归作者所有。请勿转载和采集!