Агуулгын хүснэгт:

Flex-д хэрхэн зай өгөх вэ?
Flex-д хэрхэн зай өгөх вэ?

Видео: Flex-д хэрхэн зай өгөх вэ?

Видео: Flex-д хэрхэн зай өгөх вэ?
Видео: АМАРХАН ОНЦ СУРАХ АРГА!!! 2024, Арваннэгдүгээр
Anonim

Төгсгөлд нь зүйлсийг байрлуулахын тулд уян хатан line, justify-content гэж тохируулна уян хатан -Төгсгөл. Үнэ цэнийн төвд байрладаг уян хатан мөрийн голд байгаа зүйлс, тэнцүү хэмжээний хоосон байна зай мөрийн эхлэлийн ирмэг ба эхний зүйлийн хооронд. Үнэ цэнэ зай -дэлгэцүүдийн хоорондох зай тэнцүү байна уян хатан зүйлс.

Үүнтэй адилаар та уян хатан зүйлсийг хэрхэн байрлуулах вэ?

Дүгнэлт

  1. Дэлгэц ашиглах: flex; уян хатан савыг бий болгох.
  2. Зүйлүүдийн хэвтээ байрлалыг тодорхойлохын тулд justify-content ашиглана уу.
  3. Зүйлүүдийн босоо байрлалыг тодорхойлохын тулд align-items-ийг ашиглана уу.
  4. Хэрэв танд мөрийн оронд багана хэрэгтэй бол flex-direction ашиглана уу.
  5. Зүйлийн дарааллыг эргүүлэхийн тулд эгнээ-урвуу эсвэл баганын урвуу утгыг ашиглана уу.

Мөн Flex fill гэж юу вэ? А уян хатан чингэлэг нь зүйлсийг өргөтгөдөг дүүргэх боломжтой сул зай эсвэл халихаас сэргийлэхийн тулд тэдгээрийг багасгадаг. Хамгийн чухал нь flexbox-ын байршил нь ердийн байрлалаас (босоо байрлалтай блок, хэвтээ байрлалтай шугаман) ялгаатай чиглэлээс хамааралгүй байдаг.

Энгийнээр би агуулгын орон зайг зөвтгөж болох уу?

" зай -тэгш" утга зөвтгөх - агуулга өмч хуваарилдаг зай зүйлсийн хооронд жигд байна. Үүнтэй төстэй зай - эргэн тойронд гэхдээ хагас хэмжээтэй биш тэнцүү хэмжээгээр хангадаг зай ирмэг дээр. Чадах байх ашигласан CSS flexbox & grid аль алинд нь.

Flex контейнер доторх үндсэн чиг баримжаа нь юу вэ?

The анхдагч дэлгэцийг хэрэглэсний дараа зохицуулалт: уян хатан үндсэн тэнхлэгийн дагуу зүүнээс баруун тийш байрлуулах зүйлсэд зориулагдсан. Доорх хөдөлгөөнт дүрс нь хэзээ юу болохыг харуулж байна уян хатан - чиглэл : багана дээр нэмэгддэг сав бүрэлдэхүүн. Та бас чадна уян хатан тохируулах - чиглэл эгнээний урвуу ба баганын урвуу.

Зөвлөмж болгож буй: