1. css实现单行超出省略

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

2. css实现多行超出省略

		div {
    
    
        display: -webkit-box; 
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; //这里设置的数字就是要控制超出的行数
        overflow: hidden;
      }

但是多行省略的时候在react中-webkit-box-orient: vertical;这一条语句解析会失效，在最后浏览的时候会发现是没有这一句的，最后查了一下，
解决方法一：
在需要添加多行省略的盒子中添加内联样式：

<div className="box" style={
    
    {
    
     WebkitBoxOrient: "vertical" }}>

解决方法二：
样式中这条语句写成这样：

	/*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */