center: items are centered in the cross-axis.The difference again is subtle and is about respecting flex-direction rules vs. flex-end / end / self-end: items are placed at the end of the cross axis.The difference between these is subtle, and is about respecting the flex-direction rules or the writing-mode rules. flex-start / start / self-start: items are placed at the start of the cross axis.stretch (default): stretch to fill the container (still respect min-width/max-width).Think of it as the justify-content version for the cross-axis (perpendicular to the main-axis).Īvailable values: flex-start | center | flex-end | stretch | baseline Think of flex items as primarily laying out either in horizontal rows or vertical columns.Īlign items: This defines the default behavior for how flex items are laid out along the cross axis on the current line. Flexbox is (aside from optional wrapping) a single-direction layout concept. Flex direction: This establishes the main-axis, thus defining the direction flex items are placed in the flex container.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |