Мазмуну:

Flexте кантип орун бересиз?
Flexте кантип орун бересиз?

Video: Flexте кантип орун бересиз?

Video: Flexте кантип орун бересиз?
Video: Бермет Турсунбаева: "flex" программасы аркылуу АКШ да бекер билим алуу жөнүндө айтып бермекчи. 2024, Март
Anonim

нерселердин аягында жайгаштыруу үчүн ийкемдүү сызык, негиздөө-мазмунун коюу ийкемдүү -аягы. Баалуу борборлор ийкемдүү саптын ортосунда бирдей сандагы бош нерселер менен космос саптын башталышы менен биринчи пункттун ортосунда. Наркы космос - ортосунда дисплейлердин ортосундагы бирдей аралык ийкемдүү буюмдар.

Ошо сыяктуу эле, ийкемдүү нерселерди кантип жайгаштырасыз?

Жыйынтык

  1. Дисплейди колдонуңуз: flex; ийкемдүү контейнерди түзүү.
  2. Элементтердин горизонталдуу тегиздөөсүн аныктоо үчүн justify-content колдонуңуз.
  3. Элементтердин вертикалдуу тегиздөөсүн аныктоо үчүн align-items колдонуңуз.
  4. Саптардын ордуна мамычалар керек болсо, ийкемдүү багытты колдонуңуз.
  5. Нерсенин тартибин которуу үчүн сапка тескери же тилкеге тескери маанилерди колдонуңуз.

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

Жөн эле, мен айланасында актоо мазмун мейкиндигин колдоно аламбы?

" космос үчүн - тегиз" мааниси актоо - мазмун мүлк бөлүштүрөт космос буюмдардын ортосунда бирдей. Бул окшош космос - айланасында бирок жарым өлчөмүнүн ордуна бирдей камсыз кылат космос четтеринде. мүмкүн бол колдонулган CSS flexbox жана тордо экөө тең.

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

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

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