Mundarija:

CSS-da flex-dan qanday foydalanasiz?
CSS-da flex-dan qanday foydalanasiz?

Video: CSS-da flex-dan qanday foydalanasiz?

Video: CSS-da flex-dan qanday foydalanasiz?
Video: CSS - Flexbox | O'zbek Tilida | direction, justify, align, wrap, shrink, grow, basis, order | Qism 6 2024, Noyabr
Anonim

Xulosa

  1. Foydalanish ko'rsatish: moslashuvchan ; yaratish a moslashuvchan idish.
  2. Foydalanish elementlarning gorizontal tekislanishini aniqlash uchun oqlash-kontent.
  3. Foydalanish align-elementlar elementlarning vertikal hizalanishini aniqlash uchun.
  4. Fleksdan foydalaning -yo'nalish, agar sizga satrlar o'rniga ustunlar kerak bo'lsa.
  5. Foydalanish element tartibini aylantirish uchun satr-teskari yoki ustun-teskari qiymatlar.

Shu munosabat bilan, CSS-da displey flex-dan qanday foydalanish kerak?

A moslashuvchan konteyner mavjud bo'sh joyni to'ldirish uchun elementlarni kengaytiradi yoki to'lib ketishining oldini olish uchun ularni qisqartiradi. Eng muhimi, flexbox layout oddiy maketlardan farqli o'laroq yo'nalish-agnostikdir (vertikal asosli blok va gorizontal asosli chiziqli).

Bundan tashqari, CSS Flex 1 nima degan savol tug'ilishi mumkin. moslashuvchan : 1 ; = moslashuvchan : 1 1 0n; (bu erda n - uzunlik birligi). moslashuvchan -grow: Egiluvchan elementlarning qolgan qismiga nisbatan ob'ekt qancha o'sishini ko'rsatadigan raqam. moslashuvchan -shrink Qolgan egiluvchan elementlarga nisbatan buyumning qanchalik qisqarishini bildiruvchi raqam. moslashuvchan -asos Buyumning uzunligi.

Keyinchalik, siz ham so'rashingiz mumkin, inline Flex CSS nima?

Mos ravishda - Flex - The mos ravishda versiyasi moslashuvchan elementga va uning bolalariga ega bo'lish imkonini beradi moslashuvchan Hujjat/veb-sahifaning muntazam oqimida qolgan holda xususiyatlar. Hujjat aylanishi nuqtai nazaridan u blok elementi kabi javob beradi. Ikki flexbox konteynerlar bir qatorda ortiqcha bo'lmagan holda mavjud bo'lolmaydi uslublash.

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: