面试官：如何实现单行／多行文本溢出的省略样式？

1.文本的溢出

在日常开发展示页面，如果一段文本的数量过长，受制于元素宽度的因素，有可能不能完全显示，为了提高用户的使用体验，这个时候就需要我们把溢出的文本显示成省略号

分成两种形式：

1. 单行文本溢出

   .ellipsis {
   
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
   }

2. 多行文本溢出

   .ellipsis-2 {
   
     word-break: break-all;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: