ዝርዝር ሁኔታ:

Flexbox እና ፍርግርግ እንዴት ይጠቀማሉ?
Flexbox እና ፍርግርግ እንዴት ይጠቀማሉ?

ቪዲዮ: Flexbox እና ፍርግርግ እንዴት ይጠቀማሉ?

ቪዲዮ: Flexbox እና ፍርግርግ እንዴት ይጠቀማሉ?
ቪዲዮ: 19.Flexbox - CSS/HTML በአማርኛ ዘመናዊ ዌብሳይት ከጀማሪ እስከ ባለሙያ 2024, ህዳር
Anonim

ከኛ ጀምሮ በድር ላይ አባሎችን እንደ ረድፎች እና አምዶች እያደራጀን ነበር። ተጠቅሟል ሰንጠረዦች ለአቀማመጥ. ሁለቱም flexbox እና ፍርግርግ በዚህ ጽንሰ-ሐሳብ ላይ የተመሰረቱ ናቸው. ፍሌክስቦክስ በነጠላ ረድፍ ወይም በነጠላ አምድ ውስጥ ክፍሎችን ለማዘጋጀት በጣም ጥሩ ነው። ፍርግርግ ንጥረ ነገሮችን በበርካታ ረድፎች እና አምዶች ውስጥ ለማዘጋጀት በጣም ጥሩ ነው።

በመቀጠል፣ አንድ ሰው Flexboxን እና ፍርግርግን አንድ ላይ መጠቀም ይችላሉ?

በአብዛኛው ቁጥር ፍርግርግ ይልቅ በጣም አዲስ ነው። ፍሌክስቦክስ እና ትንሽ ያነሰ የአሳሽ ድጋፍ አለው። እነሱ ይችላል ሥራ አንድ ላየ : ሀ ፍርግርግ ንጥል ነገር ይችላል መሆን ሀ flexbox መያዣ. ሀ ተጣጣፊ ንጥል ነገር ይችላል መሆን ሀ ፍርግርግ መያዣ.

በተመሳሳይ፣ የሲኤስኤስ ፍርግርግ ከFlexbox የተሻለ ነው? የሲኤስኤስ ፍርግርግ ለ 2D አቀማመጦች ናቸው. በሁለቱም ረድፎች እና አምዶች ይሰራል. ፍሌክስቦክስ ይሰራል የተሻለ በአንድ ልኬት ብቻ (በሁለቱም ረድፎች ወይም ዓምዶች). ይሆናል ተጨማሪ ጊዜ ቆጣቢ እና ሁለቱንም በተመሳሳይ ጊዜ ከተጠቀሙ ጠቃሚ ነው.

በዚህ መሠረት የFlexbox ፍርግርግ ምንድን ነው?

ፍሌክስቦክስ የተሰራው ለአንድ ልኬት አቀማመጦች እና ፍርግርግ ለሁለት አቅጣጫዊ አቀማመጥ የተሰራ ነው. ይህ ማለት እቃዎችን ወደ አንድ አቅጣጫ (ለምሳሌ በራስጌ ውስጥ ሶስት ቁልፎች) እያስቀመጡ ከሆነ መጠቀም አለብዎት. ፍሌክስቦክስ ከCSS የበለጠ ተለዋዋጭነት ይሰጥዎታል ፍርግርግ.

Flexboxን መቼ መጠቀም የለብዎትም?

flexboxን መጠቀም በማይቻልበት ጊዜ

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

የሚመከር: