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;
}