Mundarija:

Flex-da qanday qilib bo'sh joy berasiz?
Flex-da qanday qilib bo'sh joy berasiz?

Video: Flex-da qanday qilib bo'sh joy berasiz?

Video: Flex-da qanday qilib bo'sh joy berasiz?
Video: AYOLLAR BO'SHANGANIDA SUYUQLIK OTILIB CHIQISHI, BU QANDAY BO'LADI? 2024, Noyabr
Anonim

Elementlarni oxiriga joylashtirish uchun moslashuvchan line, justify-content ga o'rnating moslashuvchan -oxiri. Qiymat markazi joylashadi moslashuvchan qatorning o'rtasiga teng miqdorda bo'sh bo'lgan elementlar bo'sh joy satrning boshlang'ich chekkasi va birinchi element o'rtasida. Qiymat bo'sh joy - displeylar orasidagi masofa teng moslashuvchan buyumlar.

Xuddi shunday, moslashuvchan elementlarni qanday joylashtirasiz?

Xulosa

  1. Displeydan foydalaning: flex; moslashuvchan konteyner yaratish uchun.
  2. Elementlarning gorizontal tekislanishini aniqlash uchun justify-content dan foydalaning.
  3. Elementlarning vertikal tekislanishini aniqlash uchun align-elementlardan foydalaning.
  4. Agar sizga satrlar o'rniga ustunlar kerak bo'lsa, moslashuvchan yo'nalishdan foydalaning.
  5. Element tartibini almashtirish uchun satr-teskari yoki ustun-teskari qiymatlardan foydalaning.

Bundan tashqari, Flex to'ldirish nima? A moslashuvchan konteyner elementlarni kengaytiradi to'ldirish mavjud bo'sh joy yoki to'lib ketishining oldini olish uchun ularni qisqartiradi. Eng muhimi shundaki, flexbox tartibi odatdagi sxemalardan farqli o'laroq yo'nalishga agnostikdir (vertikal asosli blok va gorizontal asosli chiziqli).

Shunchaki, asosli kontent maydonidan foydalanishim mumkinmi?

" bo'sh joy uchun -teng" qiymati oqlash - mazmuni mulk taqsimlaydi bo'sh joy elementlar o'rtasida teng ravishda. ga o'xshaydi bo'sh joy - atrofida lekin yarim o'lchamli o'rniga teng beradi bo'sh joy chekkalarida. mumkin bo'l ishlatilgan CSS flexbox va gridda.

Flex konteyneridagi standart yo'nalish nima?

The standart displeyni qo'llashdan keyin tartibga solish: moslashuvchan asosiy o'q bo'ylab chapdan o'ngga joylashtiriladigan narsalar uchun. Quyidagi animatsiya qachon sodir bo'lishini ko'rsatadi moslashuvchan - yo'nalishi : ustuniga qo'shiladi idish element. Siz ham mumkin moslashuvchanlikni o'rnating - yo'nalishi satr-teskari va ustun-teskari.

Tavsiya: