css常用设置

1、上下左右居中

利用absolute定位的不固定宽高垂直实现方法（position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;）

利用flex:    display: flex;align-items:center; //垂直对齐方式        justify-content:center; //水平对齐方式

2、Flex布局

设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。

flex-wrap: wrap （自动换行 或 列 ）

flex-direction：（决定主轴的方向）row左右排列、column上下排列

align-items（上下对齐方式）

justify-content  （水平对齐方式）

3、filter(滤镜) 

4、css 控制行数

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

第一步(不换行)：white-space:nowrop;（对于连续的数字或者英文字母可省略）

第二步（溢出隐藏）overflow:hidden;

 第三步（文本溢出显示省略号）text-overflow：ellipsis;(省略号)

 

多行文本溢出,显示省略号

(溢出隐藏)overflow:hidden;

(省略号）text-overflow:ellipsis;

display:-webkit-box;(弹性盒模型)；；

设置弹性盒子的子元素的排列方式 ：-webkit-box-orient:vertical; ）;

设置显示文本的行数：-webkit-line-clamp:3;(最多显示3行)