css垂直居中 清除浮动

css垂直居中 限制文字显示多行，多余的用…代替

//  字体上下居中
     .flex{
        display: flex;
        flex-wrap: wrap; // wrap：换行，第一行在上方
        align-items: center;// 属性定义项目在交叉轴上如何对齐。   垂直
     }
     //多行文本溢出
	p{
        overflow : hidden; //溢出隐藏
        text-overflow: ellipsis;   //显示省略符号来代表被修剪的文本。
        display: -webkit-box;    //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 
        -webkit-line-clamp: 4;     //  -webkit-line-clamp：<number> number用于显示的行数
        -webkit-box-orient: vertical;      //    -webkit-box-orient 默认是水平的，当值设为vertical时为垂直排列
      } 
      // 清除浮动在浮动的父级添加
     .clearfix:after,.clearfix:before{
        content: "";
        display: table;
        clear: both;
     }