详细了解flex布局的相关属性

flex布局相信大家已经不陌生了，越来越多的人在开发中使用flex进行自适应的布局。但是呢，有些flex的属性代表什么意思你真的了解吗？下面我就着重说一说不常用的flex属性吧（可能只是我个人不常用  (⊙﹏⊙)）

包含元素设置display: inline-flex

顾名思义包含元素即包含inline的特性也包含flex的特性：

inline-flex:

flex:

aline-items： baseline/flex-start/flex-end

常用的center就不多说了，flex-start是以父元素顶部对齐 flex-end是以父元素底部对齐，baseline是以各个元素的文字的基线对齐

flex-start:

flex-end: