5
在CSS Flexbox中,为什么没有“ justify-items”和“ justify-self”属性?
考虑伸缩容器的主轴和横轴: 资料来源:W3C 要沿主轴对齐弹性项目,有一个属性: justify-content 要沿十字轴对齐弹性项目,需要三个属性: align-content align-items align-self 在上图中,主轴是水平的,而横轴是垂直的。这些是flex容器的默认方向。 但是,这些方向可以轻松地与flex-direction酒店互换。 /* main axis is horizontal, cross axis is vertical */ flex-direction: row; flex-direction: row-reverse; /* main axis is vertical, cross axis is horizontal */ flex-direction: column; flex-direction: column-reverse; (交叉轴始终垂直于主轴。) 在描述轴的工作方式时,我的观点是,任一方向似乎都没有什么特别之处。主轴,横轴在重要性上都相同,并且flex-direction可以轻松地来回切换。 那么,为什么十字轴具有两个附加的对齐属性? 为什么将align-content其align-items合并为主轴的一个属性? 为什么主轴没有justify-self属性? 这些属性将有用的方案: 将flex项目放在flex容器的角落 #box3 { align-self: flex-end; justify-self: …
674
css
flexbox
language-lawyer
w3c