ተንሳፋፊ ወይም ተጣጣፊ መጠቀም አለብኝ?

ዝርዝር ሁኔታ:

ተንሳፋፊ ወይም ተጣጣፊ መጠቀም አለብኝ?
ተንሳፋፊ ወይም ተጣጣፊ መጠቀም አለብኝ?
Anonim

በሁሉም የድር አሳሾች ውስጥ ይደገፋል። ክፍሎችን ወደ ግራ ወይም ቀኝ በማንሳፈፍ አቀማመጦችን ለመፍጠር float ከመጠቀም ይልቅ flexbox እቃዎችን ወደ አንድ ዘንግ በማስተካከል አቀማመጦችን እንዲፈጥሩ ይፈቅድልዎታል። ዘንግ አግድም ወይም ቀጥ ያለ ሊሆን ይችላል. በተመሳሳዩ ዘንግ ላሉ ዕቃዎች ቦታን ለማከፋፈል በተሻለ ሁኔታ ጥቅም ላይ ይውላል።

መቼ ነው የሚንሳፈፍ ፍሌክስ ቦክስ ፍርግርግ የምትጠቀመው?

Flexbox በአብዛኛው ይዘትን አሰላለፍ እና ብሎኮችን ያግዛል። የሲኤስኤስ ፍርግርግ ለ 2D አቀማመጦች ናቸው። በሁለቱም ረድፎች እና አምዶች ይሰራል. Flexbox በአንድ ልኬት ብቻ (በረድፎች ወይም አምዶች) በተሻለ ሁኔታ ይሰራል።

ለምን ከመንሳፈፍ ይልቅ flexboxን ይጠቀማሉ?

የልጆችን ንጥረ ነገሮች በflexbox ማስቀመጥ ቀላል ይሆናል። Flexbox ምላሽ ሰጭ እና ለሞባይል ተስማሚ ነው። የፍሌክስ ኮንቴይነር ህዳጎች ከይዘቱ ህዳጎች ጋር አይወድቁም። በኤችቲኤምኤል ላይ ለውጦችን ሳናደርግ በቀላሉ የንጥረ ነገሮችን ቅደም ተከተል በድረ-ገጻችን መለወጥ እንችላለን።

በ2020 ተንሳፋፊዎችን መጠቀም አለብኝ?

የእርስዎ ነገር ጽሑፍ የማይጠቀለልባቸው አጋጣሚዎች አሉ፣ ነገር ግን ምንም ሌላ አማራጭ የማይሰራባቸው አጋጣሚዎች አሉ። እንደዛ ከሆነ፣ አታላብበው፣ በብቻ ተንሳፋፊ ይጠቀሙ። ጽሑፍን በምስል ወይም በሌላ ዲቪ መጠቅለል ከፈለግክ ተንሳፋፊው በጣም ጥሩ ነው።

Flex መቼ ነው የማይጠቀሙት?

Flexbox መጠቀም የማይገባበት ጊዜ

  1. ለገጽ አቀማመጥ flexboxን አይጠቀሙ። የመቶኛ፣ ከፍተኛ ስፋቶች እና የሚዲያ መጠይቆችን በመጠቀም መሰረታዊ የፍርግርግ ስርዓት ምላሽ ሰጪ የገጽ አቀማመጦችን ለመፍጠር የበለጠ ደህንነቱ የተጠበቀ አካሄድ ነው። …
  2. አትጨምሩማሳያ፡flex; ለእያንዳንዱ ነጠላ መያዣ ዲቪ. …
  3. ከIE8 እና IE9 ብዙ ትራፊክ ካለህ flexboxን አትጠቀም።

የሚመከር: