تماشای این درس نیاز به اشتراک حرفه‌ای دارد.

Aligning Individual Flex Items0:00

We saw this example of a movie booking component in one of the previous episodes. Here, we have all the items vertically aligned at the center. We did that using align-items-center, if you remember. Now, let's say I don't want the button to be vertically centered. I want it to be pushed down to the bottom, but I still want the image and text to stay vertically centered the way they are right now. How can we do that? In Flexbox, we can change the alignment of individual items along the cross-axis using the property align-self. So, for the link here, if we go back to the markup, this is the link that looks like the button. We can use the property align-self, and the values are similar to that of the align-items property. So, this has the same thing as flex-start, flex-end, center, baseline, and so on.

دوست دارید گاهی خبرهای Laracasts را ایمیل کنیم؟