flex.css 常用属性

整合 Css 3
阅读数: 347 2024年05月23日

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:两端第一个元素不要多余空间,其他子元素平分多余空间


参考资料
https://flexcss.kiduc.com/
https://blog.csdn.net/weixin_45677987/article/details/116005913
phpriji.cn | 网站地图 | 沪ICP备17015433号-1