ዝርዝር ሁኔታ:

Flex በ CSS ውስጥ እንዴት ይጠቀማሉ?
Flex በ CSS ውስጥ እንዴት ይጠቀማሉ?

ቪዲዮ: Flex በ CSS ውስጥ እንዴት ይጠቀማሉ?

ቪዲዮ: Flex በ CSS ውስጥ እንዴት ይጠቀማሉ?
ቪዲዮ: በዓለም ዙሪያ አንድ Cessna አብራ! 🛩🌥🌎 - Geographical Adventures GamePlay 🎮📱 🇪🇹 2024, ሚያዚያ
Anonim

ማጠቃለያ

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

ይህንን በተመለከተ በሲኤስኤስ ውስጥ የማሳያ flex ጥቅም ምንድነው?

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

CSS Flex 1 ምንድን ነው? ብሎ ሊጠይቅ ይችላል። ተጣጣፊ : 1 ; = ተጣጣፊ : 1 1 0n; (N የርዝመት አሃድ የሆነበት)። ተጣጣፊ -ማደግ፡- ከተቀሩት ተለዋዋጭ እቃዎች አንጻር እቃው ምን ያህል እንደሚያድግ የሚገልጽ ቁጥር። ተጣጣፊ - shrink ከተቀሩት ተለዋዋጭ እቃዎች አንጻር እቃው ምን ያህል እንደሚቀንስ የሚገልጽ ቁጥር. ተጣጣፊ - መሰረት የእቃው ርዝመት.

በመቀጠል፣ አንድ ሰው ኢንስላይን Flex CSS ምንድን ነው? ብሎ ሊጠይቅ ይችላል።

በአግባቡ - ፍሌክስ - የ በአግባቡ የ ተጣጣፊ ኤለመንቱን ይፈቅዳል, እና ልጆች ናቸው, እንዲኖራቸው ተጣጣፊ ንብረቶች አሁንም በሰነዱ/ድረ-ገጹ መደበኛ ፍሰት ውስጥ ሲቀሩ። ከሰነድ ፍሰት አንጻር እንደ እገዳ አካል ምላሽ ይሰጣል. ሁለት flexbox ኮንቴይነሮች ያለ ትርፍ በአንድ ረድፍ ላይ ሊኖሩ አይችሉም የቅጥ አሰራር.

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

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

የሚመከር: