微信小程序 <text>标签，超过12个字截断

可以使用CSS的text-overflow属性来实现这个功能。需要将文本包裹在一个容器元素内，然后设置该容器元素的宽度和overflow属性为hidden，再设置text-overflow属性为ellipsis即可。示例代码如下：

HTML代码:

<view class="text-container">
  <text class="text-content">这是一段超过12个字的文本，如果超过12个字就会被截断并显示省略号。</text>
</view>

CSS代码：

.text-container{
  width: 200rpx; /* 设置容器宽度 */
  overflow: hidden; /* 超出部分隐藏 */
}
.text-content{
  white-space: nowrap; /* 禁止换行 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}

这样，如果文本内容超过了容器的宽度，就会被自动截断，并在结尾处显示省略号。

相关问题

微信小程序文字自动换行

在微信小程序中，可以使用 `text` 组件来显示文本内容。默认情况下，`text` 组件会自动换行，但如果想要控制换行的位置，可以通过设置 `white-space` 样式属性来实现。

例如，设置 `white-space: pre-wrap;` 可以让文本在遇到换行符时自动换行，并保留空格和制表符。另外，还可以设置 `text-wrap: break-word;` 来实现单词的换行，避免单词被截断。

示例代码如下：

<text style="white-space: pre-wrap; text-wrap: break-word;">
  这是一段很长很长的文本，它会在遇到换行符时自动换行，
  并且保留空格和制表符，同时也会在单词处换行，避免单词被截断。
</text>

希望能对你有所帮助！