ዝርዝር ሁኔታ:

የFlexbox መያዣ ምንድን ነው?
የFlexbox መያዣ ምንድን ነው?

ቪዲዮ: የFlexbox መያዣ ምንድን ነው?

ቪዲዮ: የFlexbox መያዣ ምንድን ነው?
ቪዲዮ: Забытый секрет наших бабушек 2024, ግንቦት
Anonim

ሀ ተጣጣፊ መያዣ ነፃ ቦታን ለመሙላት እቃዎችን ያሰፋዋል ወይም ከመጠን በላይ እንዳይፈስ ይቀንሳል. ከሁሉም በላይ, የ flexbox አቀማመጥ ከመደበኛ አቀማመጦች በተቃራኒ አቅጣጫ-አግኖስቲክ ነው (አግድ ይህም በአቀባዊ እና በአግድም ላይ የተመሰረተ ነው).

ከዚህ አንፃር Flexboxን እንዴት ይጠቀማሉ?

ማጠቃለያ

  1. ማሳያ ተጠቀም: ተጣጣፊ; ተጣጣፊ መያዣ ለመፍጠር.
  2. የእቃዎችን አግድም አሰላለፍ ለመወሰን justify-content ይጠቀሙ።
  3. የእቃዎችን አቀባዊ አሰላለፍ ለመወሰን አሰላለፍ-ንጥሎችን ይጠቀሙ።
  4. ከረድፎች ይልቅ ዓምዶች ከፈለጉ flex-direction ይጠቀሙ።
  5. የንጥል ቅደም ተከተል ለመገልበጥ የረድፍ-ተገላቢጦሽ ወይም የአምድ-ተገላቢጦሽ እሴቶችን ይጠቀሙ።

የ Flex መያዣ እንዴት እንደሚሰራ? ማንኛውንም መጠቀም ከመቻልዎ በፊት flexbox ንብረት፣ ሀ መግለፅ ያስፈልግዎታል ተጣጣፊ መያዣ በእርስዎ አቀማመጥ ውስጥ. አንቺ ተጣጣፊ መያዣ ይፍጠሩ የአንድ ኤለመንት የማሳያ ንብረቱን ወደ አንዱ በማዘጋጀት flexbox የአቀማመጥ እሴቶች ተጣጣፊ ወይም በውስጥ መስመር ተጣጣፊ . በነባሪ፣ ተጣጣፊ እቃዎች ከግራ ወደ ቀኝ በዋናው ዘንግ ላይ በአግድም ተዘርግተዋል.

በዚህ መንገድ፣Flexbox ምን ጥቅም ላይ ይውላል?

ፍሌክስቦክስ ንጥረ ነገሮች በኮንቴይነር ውስጥ ቦታን እንዲያስተካክሉ እና እንዲያሰራጩ የሚያስችል የአቀማመጥ ሞዴል ነው። ተጣጣፊ ስፋቶችን እና ቁመቶችን በመጠቀም ክፍተቱን ለመሙላት ወይም በንጥረ ነገሮች መካከል ያለውን ክፍተት ለማከፋፈል ኤለመንቶች ሊጣጣሙ ይችላሉ ይህም ጥሩ መሳሪያ ያደርገዋል. መጠቀም ለ ምላሽ ሰጪ የንድፍ ስርዓቶች.

በFlex መያዣ ውስጥ ያለው ነባሪ አቅጣጫ ምንድን ነው?

የ ነባሪ ማሳያውን ከተጠቀሙ በኋላ ዝግጅት; ተጣጣፊ እቃዎቹ በዋናው ዘንግ ከግራ ወደ ቀኝ እንዲደረደሩ ነው. ከዚህ በታች ያለው አኒሜሽን መቼ እንደሚሆን ያሳያል ተጣጣፊ - አቅጣጫ : አምድ ወደ ውስጥ ተጨምሯል መያዣ ኤለመንት. እርስዎም ይችላሉ ተጣጣፊ አዘጋጅ - አቅጣጫ ወደ ረድፍ-ተገላቢጦሽ እና አምድ-ተገላቢጦሽ.

የሚመከር: