1、text的空格符

• 首先需要設定<text> 控制元件的decode值
• decode可以解析的有  < > & '    

例如： <text decode="emsp">提&emsp;交</text>

2、text單行顯示，超出部分省略號表示

• 單行顯示，超出部分顯示省略號

  .single {
   /* 超出的文字內容隱藏 */ 
  overflow: hidden;
  /* 超出顯示省略號 */ 
  text-overflow: ellipsis;
  /* 強制不換行 */ 
  white-space: nowrap;
  }
  
  <text class="single">活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹</text>

  效果圖：

• 多行顯示，設定顯示指定行數，超出部分顯示省略號

  .mutli {
  /* 物件作為伸縮盒子模型顯示 */
  display: -webkit-box; 
  /* 允許任意非CJK(Chinese/Japanese/Korean)文字間的單詞斷行 */
   
  
  word-break: break-all;
  /* 設定或檢索伸縮盒物件的子元素的排列方式 */
  -webkit-box-orient: vertical; 
  /* 可顯示的最多行數 */
  -webkit-line-clamp: 2; 
  /* 超出的文字內容隱藏 */
  overflow: hidden; 
  /* 超出顯示省略號 */ 
  text-overflow: ellipsis;
  }  
  
  <text class="mutli">活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹活動介紹</text>

  效果圖：