前端学习笔记之弹性布局

弹性布局（自己易错点）

1.justify-content
横向对齐方式
flex-start,flex-end,center,space-between(左右贴边平均分布)，space-around（左右不贴边平均分布）
2.align-items
纵向对齐
flex-start,flex-end,center，baseline（如弹性盒子元素的行内轴与侧轴为同一条，则该值与’flex-start’等效。其它情况下，该值将参与基线对齐），stretch（如果指定侧轴大小的属性值为’auto’，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照’min/max-width/height’属性的限制）
3.flex-wrap
换行方式
nowrap 不换行
通常与
over-flow:hidden;
text-overflow:elipsis