ዝርዝር ሁኔታ:

በCSS ውስጥ የፍርግርግ አቀማመጥ እንዴት መፍጠር እችላለሁ?
በCSS ውስጥ የፍርግርግ አቀማመጥ እንዴት መፍጠር እችላለሁ?

ቪዲዮ: በCSS ውስጥ የፍርግርግ አቀማመጥ እንዴት መፍጠር እችላለሁ?

ቪዲዮ: በCSS ውስጥ የፍርግርግ አቀማመጥ እንዴት መፍጠር እችላለሁ?
ቪዲዮ: Part 4 - HTMLን ማሳመር ፡ ክፍል ሁለት 2024, ሚያዚያ
Anonim

አራቱን አስፈላጊ እርምጃዎች ደግመን እንመልከት፡-

  1. ፍጠር የእቃ መያዢያ አካል እና ማሳያውን አውጅ፡- ፍርግርግ ;.
  2. ያንኑ ተመሳሳይ መያዣ ይጠቀሙ ፍርግርግ ትራኮችን በመጠቀም ፍርግርግ - አብነት - አምዶች እና ፍርግርግ - አብነት - ረድፎች ንብረቶች.
  3. የልጆችን ንጥረ ነገሮች በመያዣው ውስጥ ያስቀምጡ.
  4. በመጠቀም የጉድጓድ መጠኖችን ይግለጹ ፍርግርግ - ክፍተት ባህሪያት.

ከዚህ፣ የCSS ፍርግርግ አቀማመጥን መጠቀም እችላለሁ?

ከኢንተርኔት ኤክስፕሎረር ውጪ፣ የሲኤስኤስ ፍርግርግ አቀማመጥ በSafari፣ Chrome፣ Opera፣ Firefox እና Edge ውስጥ ቅድመ ቅጥያ የለውም። በእነዚህ መመሪያዎች ውስጥ ለተዘረዘሩት የሁሉም ንብረቶች እና እሴቶች ድጋፍ በአሳሾች ውስጥ እርስ በእርሱ የሚስማማ ነው። ይህ ማለት አንዳንድ ከጻፉ የፍርግርግ አቀማመጥ በፋየርፎክስ ውስጥ ኮድ ፣ በ Chrome ውስጥ በተመሳሳይ መንገድ መሥራት አለበት።

በተጨማሪ፣ ፍሌክስቦክስን ወይም ፍርግርግ መጠቀም አለብኝ? ሁለቱም flexbox እና ፍርግርግ በዚህ ጽንሰ-ሐሳብ ላይ የተመሰረቱ ናቸው. ፍሌክስቦክስ በነጠላ ረድፍ ወይም በነጠላ አምድ ውስጥ ክፍሎችን ለማዘጋጀት በጣም ጥሩ ነው። ፍርግርግ ንጥረ ነገሮችን በበርካታ ረድፎች እና አምዶች ውስጥ ለማዘጋጀት በጣም ጥሩ ነው። የጽድቁ-ይዘት ንብረቱ እንዴት ተጨማሪ ቦታን ይወስናል ተጣጣፊ - ኮንቴይነሩ ለ ተጣጣፊ - እቃዎች.

በተመሳሳይ፣ 1fr ምንድን ነው?

1 fr አንድ "ክፍልፋይ ክፍል" ነው, እሱም "በኤለመንቱ ውስጥ ያለው የቀረው ቦታ" የሚለው መንገድ ነው.

Flexbox ፍርግርግ ምንድን ነው?

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

የሚመከር: