CSS box-flex属性
box-flex属性(和谐版)
#father { display: box; }
#first_boy { box-flex: 2; } #second_boy{ box-flex: 1; } #three_boy { box-flex: 1; }
CSS box-flex属性(不和谐版)
#first_boy { box-flex: 2; } #second_boy { box-flex: 1; } #three_boy { width: 50px; }
box-orient, box-direction, box-align, box-pack用法
box-orient
box-orient用来确定子元素的方向。是横着排还是竖着走。可选的值有:
horizontal | vertical | inline-axis | block-axis | inherit
box-direction
box-direction是用来确定子元素的排列顺序,可选值有:
normal | reverse | inherit
box-align
box-align与box-pack都是决定盒子内部剩余空间怎么使用的。在行为效果上就是表现为“对齐”,start | end | center | baseline | stretchbox-pack
box-pack决定了父标签水平遗留空间的使用,其可选值有:
start | end | center | justify
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步