CSS හි align-items දෙපත්‍රයේ center අගය

center අගය මගින් අංග cross axis ඔස්සේ මැදට සැලසුම් කිරීමට ඉඩ සලසයි:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* cross axis ඔස්සේ මධ්‍යගත කරන්න */
}

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිපලය:

Задание 1

මෙම නිදර්ශනය අනුව පිටුව නැවත සාදන්න:

Задание 2

මෙම නිදර්ශනය අනුව පිටුව නැවත සාදන්න:

Задание 3

මෙම නිදර්ශනය අනුව පිටුව නැවත සාදන්න:

Задание 4

මෙම නිදර්ශනය අනුව පිටුව නැවත සාදන්න:

Задание 5

මෙම නිදර්ශනය අනුව පිටුව නැවත සාදන්න:

Задание 6

මෙම නිදර්ශනය අනුව පිටුව නැවත සාදන්න: