Мазмуну:

CSSте flexти кантип колдоносуз?
CSSте flexти кантип колдоносуз?

Video: CSSте flexти кантип колдоносуз?

Video: CSSте flexти кантип колдоносуз?
Video: 🌹Часть 1. Теплая, красивая и удобная женская манишка на пуговицах. Вяжем на 2-х спицах. 2024, Март
Anonim

Жыйынтык

  1. Колдонуу дисплей: ийкемдүү ; түзүү а ийкемдүү контейнер.
  2. Колдонуу элементтердин горизонталдуу тегиздөө аныктоо үчүн актоо-мазмуну.
  3. Колдонуу элементтердин вертикалдуу тегиздөөсүн аныктоо үчүн align-items.
  4. Flex колдонуңуз -багыт, эгерде сизге саптардын ордуна мамычалар керек болсо.
  5. Колдонуу сап-тескери же мамыча-тескери маанилер нерсенин иретин которуу.

Буга байланыштуу, CSS'те дисплей ийкемдүүлүгү эмнеде?

А ийкемдүү контейнер жеткиликтүү бош мейкиндикти толтуруу үчүн нерселерди кеңейтет же толуп кетпеш үчүн аларды кичирейтет. Эң негизгиси, flexbox макет кадимки макеттерге (вертикалдуу негизделген блок жана горизонталдуу негизделген) каршы багыт-агностикалык болуп саналат.

Ошондой эле, CSS Flex 1 деген эмне деп сурашы мүмкүн? ийкемдүү : 1 ; = ийкемдүү : 1 1 0n; (мында n - узундук бирдиги). ийкемдүү -өсүү: Калган ийкемдүү нерселерге салыштырмалуу буюм канчалык өсөөрүн көрсөткөн сан. ийкемдүү -shrink Калган ийкемдүү элементтерге салыштырмалуу буюм канчалык кичирейерин көрсөткөн сан. ийкемдүү -негизи Буюмдун узундугу.

Кийинчерээк, сиз дагы суроо бериши мүмкүн, inline Flex CSS деген эмне?

Inline - Flex - The inline версиясы ийкемдүү элементке жана анын балдарына ээ болууга мүмкүндүк берет ийкемдүү документтин/веб-баракчанын үзгүлтүксүз агымында калуу менен касиеттери. Ал документ агымы жагынан блок элементи сыяктуу жооп берет. Эки flexbox контейнерлер ашыкча бир катарда болушу мүмкүн эмес стилдөө.

Flex контейнеринин демейки багыты кандай?

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

Сунушталууда: