常见的css样式（未完。。。）

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;