flex 可以直接在标签上使用,例如:
<div class="left" flex="main:center cross:center">
列举常用的 flex 属性:
dir :主轴方向
top:从上到下 right:从右到左 bottom:从上到下 left:从左到右(默认)
main :主轴对齐方式
right:从右到左 left:从左到右(默认) justify:两端对齐 center:居中对齐
cross : 交叉轴(相对主轴的垂直轴)对齐方式
top:从上到下 bottom:从上到下 baseline:跟随内容高度对齐 center:居中对齐 stretch:高度并排铺满(默认)
box :子元素设置
mean:子元素平分空间 first:第一个子元素不要多余空间,其他子元素平分多余空间 last:最后一个子元素不要多余空间,其他子元素平分多余空间 justify:两端第一个元素不要多余空间,其他子元素平分多余空间