Flexbox Үүсгэгч
Flex контейнер болон түүний элементүүдийг харагдах удирдлагаар тохируулж, бүтцийн өөрчлөлтийг шууд харан, CSS-ийг ганц товшилтоор хуулж аваарай.
Таны бүтцийг таны хөтөч дээр шууд үүсгэдэг. Таны тохируулсан юуг ч BroBroGo руу хуулж илгээхгүй.
Түгээмэл асуултууд
Justify-content болон align-items хоёрын ялгаа юу вэ?
Justify-content нь элементүүдийг үндсэн тэнхлэгийн дагуу (мөр эсвэл баганын урсгалын чиглэлд) байрлуулдаг бол align-items нь тэдгээрийг нөгөө тэнхлэгийн дагуу байрлуулдаг. Чиглэлийг мөрөөс багана руу шилжүүлэхэд хоёр тэнхлэг солигддог тул justify-content нь дээрээс доош, align-items нь зүүнээс баруун тийш ажиллаж эхэлнэ.
Элемент бүрийн удирдлага хэрхэн ажилладаг вэ?
Элементийг дугаараар нь сонгоод, сул зайг нөхөхийн тулд хэр зэрэг өсөх (grow), зай давчуу үед хэр зэрэг агших (shrink), түүний эхлэх хэмжээ (basis) болон туслах тэнхлэг дэх өөрийн зэрэгцүүлэлтийг тохируулна уу. Order (дараалал) нь HTML кодыг хөндөхгүйгээр элементийг дэлгэц дээр урагш эсвэл хойш хөдөлгөдөг. Зөвхөн таны өөрчилсөн элементүүд л CSS-д өөрийн гэсэн дүрэмтэй болно.
Wrap болон align-content хэзээ чухал вэ?
Шилжилтийг (wrap) идэвхгүй болгосноор элемент бүрийг нэг мөрөнд багтахаар шахаж нарийсгадаг. Үүнийг идэвхжүүлснээр багтахгүй байгаа элементүүд дараагийн мөр рүү шилжинэ — энэ үед align-content нь мөрүүдийг бүлгээр нь зэрэгцүүлж эхэлнэ. Gap нь маржин ашиглахгүйгээр элементүүд болон мөрүүдийн хоорондох зайг тохируулдаг.