Sobes.tech
Junior

რომელი CSS განლაგებები გეცოდინება?

sobes.tech AI

პასუხი AI-სგან

  • Flexbox: ერთმხრივი სისტემა, რომელიც განლაგებს ელემენტებს კონტეინერში ერთ ღერძზე (ჰორიზონტალურ ან ვერტიკალურ). იდეალურია მცირე კომპონენტებისთვის და ელემენტების განლაგებისთვის ბლოკის შიგნით.
  • Grid Layout: ორმხრივი სისტემა, რომელიც ქმნის რთულ ქსელებს გვერდზე. ადვილად მართავს ელემენტების განლაგებას როგორც სვეტებში, ისე სვეტებში. იდეალურია გვერდის ძირითადი განლაგებისთვის.
  • Block Layout: სტანდარტული ბლოკური ელემენტების ქცევა. ელემენტები იკავებენ მთელ ხელმისაწვდომ სიგანეს და განლაგებულია ერთზე ქვემოთ.
  • Inline Layout: ელემენტები განლაგებულია ერთ ხაზზე, იკავებენ სიგანეს, რომელიც თანხვედრია მათ შიგთავსს.
  • Positioned Layout: საშუალებას აძლევს ელემენტებს განლაგდეს მათი ნორმალური პოზიციის, მშობლის ელემენტის ან სანახავი ფანჯრის მიმართ position (static, relative, absolute, fixed, sticky) და top, right, bottom, left თვისებების გამოყენებით.
  • Table Layout: იმეორებს ცხრილის ელემენტების ქცევას (display: table, display: table-cell და ა.შ.). ნაკლებად გამოიყენება, ვიდრე Grid ან Flexbox, ცხრილის სტრუქტურების შესაქმნელად.
  • Multi-column Layout: საშუალებას აძლევს კონტეინერის შიგთავსი დაყოს რამდენიმე სვეტად, როგორც გაზეთში. კონტროლდება column-count და column-width თვისებებით.