Энэ нь бүх вэб хөтөч дээр дэмжигддэг. Зүүн эсвэл баруун тийш хөвөгч элементүүдийг байрлуулахын тулд float ашиглахын оронд flexbox нь зүйлсийг нэг тэнхлэгт зэрэгцүүлэн байрлал үүсгэх боломжийг олгодог. Тэнхлэг нь хэвтээ эсвэл босоо байж болно. Үүнийг нэг тэнхлэгт байгаа зүйлсийн зайг хуваарилахад хамгийн тохиромжтой.
Та хэзээ хөвөх уян хайрцаг ашиглах вэ?
Flexbox ихэвчлэн агуулгыг зэрэгцүүлэх, блокуудыг зөөхөд тусалдаг. CSS сүлжээнүүд нь 2D байршилд зориулагдсан. Энэ нь мөр, баганын аль алинд нь ажилладаг. Flexbox нь зөвхөн нэг хэмжээст (мөр эсвэл багана) илүү сайн ажилладаг.
Та яагаад хөвөгч биш flexbox ашиглах ёстой гэж?
Flexbox ашиглан хүүхэд элементүүдийг байрлуулах нь илүү хялбар болсон. Flexbox нь мэдрэмжтэй, гар утсанд ээлтэй. Flex савны ирмэг нь агуулгынх нь хажуугаар нурж унахгүй. Бид HTML-д өөрчлөлт оруулахгүйгээр вэб хуудасныхаа элементүүдийн дарааллыг хялбархан өөрчлөх боломжтой.
Би 2020 онд хөвөгч ашиглах ёстой юу?
Таны объект текстийг боохгүй ч өөр сонголт ажиллахгүй байх тохиолдол байдаг. Ийм тохиолдолд битгий хөлөрч, зүгээр л float хэрэглээрэй. Хэрэв та зураг эсвэл өөр div-ийн эргэн тойронд текстийг боохыг үнэхээр хүсч байвал float нь маш сайн.
Та хэзээ flex хэрэглэж болохгүй вэ?
Flexbox-г хэзээ хэрэглэхгүй байх
- Хуудасны байршилд flexbox бүү ашигла. Хувь хэмжээ, хамгийн их өргөн, медиа асуулга ашигладаг үндсэн сүлжээний систем нь хариу үйлдэл үзүүлэх хуудасны байршлыг бий болгоход илүү аюулгүй арга юм. …
- Нэмж болохгүйдэлгэц: уян хатан; чингэлэг болгонд div. …
- Хэрэв танд IE8 болон IE9-ээс ачаалал их байгаа бол flexbox-г бүү ашигла.
