多行省略号样式

src/components/python/pythomDes/Team/index.js

@@ -12,11 +12,11 @@ export default class Team extends Component {
         },
         {
           name: 'A老师',
-          des: '七月在线AI Lab负责人兼科学家。历任浪潮集团数据科学家，国家电网人工智能行业应用方向团队负责人。参与过一国家863项目，且曾主持一山东省自主创新及成果转化专项，发明专利十余项，专业论文十余年哈哈塑料袋科技发牢骚'
+          des: '七月在线AI Lab负责人兼科学家。历任浪潮集团数据科学家，'
         },
         {
           name: 'A老师',
-          des: '七月在线AI Lab负责人兼科学家。历任浪潮集团数据科学家，国家电网人工智能行业应用方向团队负责人。参与过一国家863项目，且曾主持一山东省自主创新及成果转化专项，发明专利十余项，专业论文十余年哈哈塑料袋科技发牢骚'
+          des: '七月在线AI Lab负责人兼科学家。历任浪潮集团数据科学家，'
         },{
           name: 'A老师',
           des: '七月在线AI Lab负责人兼科学家。历任浪潮集团数据科学家，国家电网人工智能行业应用方向团队负责人。参与过一国家863项目，且曾主持一山东省自主创新及成果转化专项，发明专利十余项，专业论文十余年哈哈塑料袋科技发牢骚'
@@ -38,7 +38,7 @@ export default class Team extends Component {
                 <div className={'item_image'}></div>
                 <div className={'item_info'}>
                   <span className={'name'}>{item.name}</span>
-                  <div className={'des'}>{item.des}</div>
+                  <p className={'des'}>{item.des}</p>
                 </div>
               </li>
             )

src/components/python/pythomDes/Team/index.scss

@@ -49,19 +49,19 @@
 
       .des {
         font-size: 12px;
-        line-height: 14px;
+        line-height: 15px;
         font-weight: 300;
         color: rgba(82, 92, 101, 0.8);
         text-align: left;
         text-align-last: left;
         margin-top: 6px;
         width: 266px;
-        word-break: break-all;
         display: -webkit-box;
+        overflow: hidden;
         -webkit-line-clamp: 5;
+        /*! autoprefixer: off */
         -webkit-box-orient: vertical;
-        overflow: hidden;
-        // text-overflow: ellipsis;
+        /* autoprefixer: on */
       }
     }
   }