background-size
多列-runoob
多列-MDN
flex - 完美居中
多行省略号
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
单行省略号
width: 199px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
媒体查询
@media screen and (max-width: 480px) {
//小于480px执行
}