Betydelsen av stretch-värdet för align-items i CSS

Egenskapen align-items har som standard värdet stretch. Detta värde sträcker ut elementen över hela bredden längs tvåraxeln. Det fungerar bara i det fall att storleken på elementen inte är satt i tvåraxelns riktning. Till exempel, om tvåraxeln är riktad nedåt och elementens höjd inte är satt, kommer vi att se följande effekt:

Och om tvåraxeln är riktad åt höger och elementens bredd inte är satt, då kommer vi att se följande effekt:

Задание 1

Återskapa sidan enligt följande exempel:

Задание 2

Återskapa sidan enligt följande exempel:

Задание 3

Återskapa sidan enligt följande exempel: