要求：
1. 移动端单行显示文字（不换行），溢出显示省略号。
2. 移动设备宽度不固定，在不同的设备上尽可能显示多一点文字。

1. .text-block-nowrap {                                                                       
   
2.     overflow: hidden;                                                                     
   
3.     white-space: nowrap;                                                                  
   
4.     text-overflow: ellipsis;                                                               
   
5.     display: inline-block;                                                                 
   
6.     vertical-align: middle;                                                               
   
7. }   
   
8. 
   
9. var width = document.body.offsetWidth;     //!< 屏幕宽度
   
10. var textwidth = width - 150;    //!< 减去左边固定宽度
    
11. 
    
12. <span class="text-block-nowrap" style="width:'+textwidth+'px;">您未及时做出评价，系统已默认好评！</span>

复制代码

要求：
1. 移动端单行显示文字（不换行），溢出显示省略号。
2. 移动设备宽度不固定，在不同的设备上尽可能显示多一点文字。

1. .text-block-nowrap {                                                                       
   
2.     overflow: hidden;                                                                     
   
3.     white-space: nowrap;                                                                  
   
4.     text-overflow: ellipsis;                                                               
   
5.     display: inline-block;                                                                 
   
6.     vertical-align: middle;                                                               
   
7. }   
   
8. 
   
9. var width = document.body.offsetWidth;     //!< 屏幕宽度
   
10. var textwidth = width - 150;    //!< 减去左边固定宽度
    
11. 
    
12. <span class="text-block-nowrap" style="width:'+textwidth+'px;">您未及时做出评价，系统已默认好评！</span>

复制代码