微信小程序 将＜text＞中文字过长的部分变为省略号

在微信小程序中使用picker-view控件时，额外添加了一个text控件，来实时显示选择的内容；

PS：本文仅涉及单行超长字符的省略；

如果内容过长就需要做省略处理，以下为TEXT的控件属性：

.textcls{
  display: block;
  font:larger;
  font-size: larger;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

其中代码中 text-overflow 和 overflow 以及 white-space组合使用才可以实现字符串过长部分显
示省略号，在Button控件上使用后显示效果满足要求，但是在Text中使用还是无法得到需要的效果；

仔细观看他人给出的文本属性；
地址：https://blog.csdn.net/fatong3/article/details/89951427

发现文本框中，需要添加显示属性

display: block;
“

才能起作用！

【好文共赏析！】