Мазмұны:

Flex-те қалай орын бересіз?
Flex-те қалай орын бересіз?

Бейне: Flex-те қалай орын бересіз?

Бейне: Flex-те қалай орын бересіз?
Бейне: Как найти заказчиков на свои услуги через маркетплейс Naimi.kz 2024, Сәуір
Anonim

Элементтерді соңына қою үшін иілу line, justify-content мәнін орнатыңыз иілу -Соңы. Құндылық орталығы орналасады иілу жолдың ортасында бос саны бірдей элементтер ғарыш жолдың бастапқы шеті мен бірінші элемент арасында. Мән ғарыш -бетвеен дисплейлерінің арасындағы қашықтық бірдей иілу заттар.

Сол сияқты, икемді элементтерді қалай орналастырасыз?

Түйіндеме

  1. Дисплейді пайдаланыңыз: икемді; икемді контейнер жасау үшін.
  2. Элементтердің көлденең туралануын анықтау үшін justify-content пайдаланыңыз.
  3. Элементтердің тік туралануын анықтау үшін align-elements пайдаланыңыз.
  4. Жолдардың орнына бағандар қажет болса, икемді бағытты пайдаланыңыз.
  5. Элемент ретін аудару үшін жолға кері немесе бағанға кері мәндерді пайдаланыңыз.

Сондай-ақ, Flex толтыру дегеніміз не? А иілу контейнер элементтерді кеңейтеді толтыру қол жетімді бос орынды немесе толып кетуді болдырмау үшін оларды қысқартады. Ең бастысы, flexbox орналасуы кәдімгі макеттерге (тігінен негізделген блок және көлденең негіздегі кірістірілген блок) айырмашылығы бағытты-агностикалық болып табылады.

Қарапайым солай, мен айналадағы мазмұн кеңістігін пайдалана аламын ба?

« ғарыш үшін -тең мәні ақтау - мазмұны мүлік таратады ғарыш элементтер арасында біркелкі. Ол ұқсас ғарыш - айнала бірақ жарты өлшемнің орнына тең қамтамасыз етеді ғарыш шеттерінде. мүмкін болуы пайдаланылады CSS flexbox пен тордың екеуінде де.

Flex контейнеріндегі әдепкі бағдар қандай?

The әдепкі дисплейді қолданғаннан кейін реттеу: иілу негізгі ось бойынша солдан оңға қарай реттелетін элементтерге арналған. Төмендегі анимация қашан болатынын көрсетеді иілу - бағыт : бағанына қосылады контейнер элемент. Сіз де аласыз икемді орнатыңыз - бағыт жолды кері және бағанды кері айналдыру үшін.

Ұсынылған: