Метод за позициониране на артикули Flexbox

Спецификация на Flexbox (Гъвкав модул за оформление на кутия) Е метод за позициониране на елементи в хоризонтална или вертикална посока.

Flexbox съчетава набор от свойства за родителския flex контейнер и дъщерни flex елементи.

За да може елементът да се превърне в гъвкав контейнер, той трябва да бъде присвоен дисплей: flex; или дисплей: inline-flex; (блок или линия съответно).

Вътре в гъвкавия контейнер се създават две оси: основната ос и напречната ос, перпендикулярна на нея. Гъвкавите елементи се подравняват първо по главната ос, а след това по страничната ос.

Свойства на Flex контейнер

Това свойство не работи за еднолинеен гъвкав контейнер.

Flex свойства на артикула

Спецификацията на модула за оформление на CSS гъвкаво ниво на ниво 1 осигурява визуална диаграма за три елемента на гъвкавост със стойности за гъвкаво нарастване съответно 1, 1, 2:

артикули

Характеристики на използването на Flexbox на практика

1. Дясно подравняване

За по-голяма яснота към блоковете са добавени пунктирани граници.

2. Компресирайте блокове с дълги думи

Сега в описанието на услугата се появява дълга дума.