Мазмұны:

CSS-те flex қалай пайдаланасыз?
CSS-те flex қалай пайдаланасыз?

Бейне: CSS-те flex қалай пайдаланасыз?

Бейне: CSS-те flex қалай пайдаланасыз?
Бейне: Пилотируйте Cessna вокруг света! 🛩🌥🌎 - Geographical Adventures GamePlay 🎮📱 🇷🇺 2024, Сәуір
Anonim

Түйіндеме

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

Осыған байланысты CSS-те дисплей икемділігі не үшін қолданылады?

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

CSS Flex 1 дегеніміз не? иілу : 1 ; = иілу : 1 1 0n; (мұндағы n – ұзындық бірлігі). иілу -өсу: Қалған икемді элементтерге қатысты элементтің қаншалықты өсетінін көрсететін сан. иілу -shrink Қалған икемді элементтерге қатысты элементтің қаншалықты кішірейетінін көрсететін сан. иілу -негізі Элементтің ұзындығы.

Кейіннен, кірістірілген Flex CSS дегеніміз не деген сұрақ туындауы мүмкін.

Кезекте - Flex - The кезекте нұсқасы иілу элементке және оның балаларына ие болуға мүмкіндік береді иілу сипаттар құжаттың/веб-беттің әдеттегі ағынында қалған кезде. Ол құжат айналымы тұрғысынан блок элементі сияқты жауап береді. Екі flexbox контейнерлер артық болмаса бір қатарда болуы мүмкін емес сәндеу.

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

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

Ұсынылған: