Why does display:flex have align-self to set the alignment of individual items of the cross axis, but not the justify-self of the main axis?

I tried google edge firefox but did not support the justify-self attribute. Setting it has no effect. If you set justify-content in the parent tag, it will have an effect, but I want to set the effect on a single project.

Mar.10,2021

Hello, because the flex is laid out in one dimension, each item is not assigned a fixed width in the main direction as in the cross direction. Flex items can adjust individual widths in the main direction through grow and shrink. Or you can change flex direction vertically to column. Finally, you can also use two-dimensional grid.

Menu