html 显示一行内容,且超出部分以省略号显示的做法

overflow: hidden;/*和text-overflow: ellipsis;成对出现*/
white-space: nowrap;/*不换行显示*/
text-overflow: ellipsis;/*超出给定宽度的部分，文字以省略号...显示*/

事例1：标题只展示一行，超出一行的部分用省略号代替。div水平居中

      珍惜今日，努力将来，过去种种，且忘记它，午夜梦回，如有记忆浮沉，转个身，再睡。
     已认证

效果截图

image.png

---

事例2：标题只展示一行，超出一行的部分用省略号代替。右侧的收益div垂直居中

理想效果

  

  

    

      

        
我是一段很长的文字，我是一段很长的文字，我是一段很长的文字，我是一段很长的文字，我是一段很长的文字
          
2081-08-21
        
        

          +100.00
        
      
    

  

image.png

不满足要求的效果（因为右侧的收益div不是垂直居中，和布局方式有关，即标题和收益是在一个大的div下面）

  

    

      

        

          
我是一段很长的文字，我是一段很长的文字，我是一段很长的文字，我是一段很长的文字，我是一段很长的文字
          +100.00
        
        

          2081-08-21
        
      
    

image.png

html 显示多行(两行、三行、四行、五行)内容,且超出部分以省略号显示的做法
](https://www.jianshu.com/p/792aabdb56fc)