单行/多行文本溢出隐藏、清除浮动 clearFix

1、单行文本溢出，显示省略号

.oneline{
    max-width: 100px;
    height:20px;
    //---
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

2、多行文本溢出，显示省略号

.moreLine{
    max-width:100px;
    height:60px;
    //----
    display: -webkit-box;    
    -webkit-box-orient: vertical;    
    -webkit-line-clamp: 3;    //设置行数
    overflow: hidden;        //超出隐藏
}

3、清除浮动（伪元素）

.clearFix::after{
  content: '';
  display: block;
  clear: both;
}