1、 文本溢出显示省略号
text-overflow语法:
text-overflow : clip | ellipsis
text-overflow参数值和解释:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
单行:
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
多行:
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
2、滤镜效果(css3)
filter: blur(20px);
3、伸缩盒子 水平居中 垂直居中
display: flex;
align-items: center;
justify-content: center;