flex第二天

在弹性容器内，主轴方向是由内容撑开，侧轴方向是弹性容器撑开。

flex: 数值；

align: self;（控制某个弹性盒子在侧轴的对齐方式）（是给需要单独控制侧轴方向对齐方式的弹性盒子添加）

只有以上两种属性是添加给弹性盒子的，其他都是给弹性容器的。

修改主轴方向的属性

flex-direction: column;（列）可以将主轴的方向变成垂直的方向，侧轴方向变为水平。

注意点：现在主轴和侧轴仅仅只是方向调换了而已，主轴依然还是用jc改变对齐方式，侧轴还是用ai改变对齐方式。

弹性容器主轴默认是水平方向。

弹性容器侧轴默认是垂直方向。

--：row（行，水平，默认值）

--：row-reverse （行，水平，从右往左）

--：column-reverse （列，垂直，从下往上）

：flex-start；

：flex-end；

： center；

： space-around；

：space-between；

： space-evenly；

与jc基本一致

.twoLines {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertica
}