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თვისებებით.