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

Та CSS дээр flex-ийг хэрхэн ашигладаг вэ?
Та CSS дээр flex-ийг хэрхэн ашигладаг вэ?

Видео: Та CSS дээр flex-ийг хэрхэн ашигладаг вэ?

Видео: Та CSS дээр flex-ийг хэрхэн ашигладаг вэ?
Видео: Tesla Motors & EV's: Руководство для начинающих по зарядке, адаптерам, общественным станциям, DC 2024, Дөрөвдүгээр сар
Anonim

Дүгнэлт

  1. Ашиглах дэлгэц: уян хатан ; үүсгэх а уян хатан сав.
  2. Ашиглах зүйлсийн хэвтээ байрлалыг тодорхойлох үндэслэл-агуулга.
  3. Ашиглах align-items нь зүйлийн босоо байрлалыг тодорхойлох.
  4. Флекс ашиглана уу -мөрийн оронд багана хэрэгтэй бол чиглэл.
  5. Ашиглах Зүйлийн дарааллыг эргүүлэхийн тулд мөр-урвуу эсвэл багана-урвуу утгууд.

Үүнтэй холбогдуулан CSS-д дэлгэцийн уян хатан чанарыг ашиглах нь юу вэ?

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

CSS Flex 1 гэж юу вэ? уян хатан : 1 ; = уян хатан : 1 1 0n; (энд n нь уртын нэгж). уян хатан -өсөх: Бусад уян хатан зүйлүүдтэй харьцуулахад тухайн зүйл хэр хэмжээгээр өсөхийг зааж өгсөн тоо. уян хатан -shrink Бусад уян хатан зүйлүүдтэй харьцуулахад тухайн зүйл хэр хэмжээгээр агшихыг тодорхойлсон тоо. уян хатан - үндэслэл Зүйлийн урт.

Дараа нь, inline Flex CSS гэж юу вэ?

Шугаманд - Flex - The шугаманд хувилбар уян хатан элемент болон энэ нь хүүхдүүд байх боломжийг олгодог уян хатан шинж чанарууд нь баримт бичиг/вэб хуудасны ердийн урсгалд хэвээр байх болно. Энэ нь баримт бичгийн урсгалын хувьд блок элемент шиг хариу үйлдэл үзүүлдэг. Хоёр flexbox савнууд нэг мөрөнд илүүдэлгүйгээр байж болохгүй сарлагийн саваг.

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

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

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