css3语法记录

1.超出两行隐藏

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

2.超出一行隐藏

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

3.float浮动布局和清除浮动

该子元素添加float: left; //浮动布局left向左，right向右
//父级清除浮动
.clearfix::after{
	content: '';
	display: block; 
	clear: both; 
	visibility: hidden;  
	overflow: hidden;
}

4.弹性布局
首先需要将父级元素改为弹性容器：display: flex;
然后常见属性介绍一遍：（加了-reverse可以理解为倒序排列）
（1）flex-direction: 为轴向分布
-row：为水平方向排序
-row-reverse：为水平方向排序，倒序排列
-column：为垂直方向排列
-column-reverse：为垂直方向排列，倒序排列
（2）flex-wrap：是否为换行（需要float浮动布局的常用属性）
-nowrap：默认不换行
-wrap：自动换行
-wrap-reverse：自动换行，倒序排列
（3）justify-content：水平方向分布
-center：水平排序，居中排列
-flex-start：水平排序，向左排列
-flex-end：水平排序，向右排列
（4）align-items：水平方向分布
-center：水平排序，居中对齐
-flex-start：水平排序，顶部对齐
-flex-end：水平排序，底部对齐
//例如：align-items: flex-start;