0:00 / 0:00

آموزش Flexbox - قسمت ششم - Flex wrap

40.9K بازدید۱۴۰۳/۷/۱۵00:04:13

در این قسمت از سری آموزش Flexbox به مفهومِ "Flex Wrap" خواهیم پرداخت. وقتی محتوای بیشتری را در یک کانتینر فلکس داشته باشیم که فضای کافی برای نمایش آنها وجود ندارد، Flex Wrap به ما کمک می‌کند. واپسین گزینه مورد بحث در Flexbox، عبارت است از قابلیت Flex Wrap. این خصوصیت به سادگی به اجازه می‌دهد تا موارد فلکس در یک خط قرار نگیرند و به خط بعدی بروند و یا به عبارت دیگر، به چند خط ادامه یابند. این ویژگی زمانی کاربرد دارد که می‌خواهیم عناصر درون یک کانتینر فلکس را به چند خط تقسیم کنیم. زمانی که فضا برای جا گذاشتن تمام محتوا در یک خط وجود ندارد، این ویژگی می‌تواند بسیار مفید باشد. بدین ترتیب، عناصر به صورت خودکار به خط بعدی منتقل می‌شوند و فرایند چیدمان به صورت مناسب و بهینه‌تری انجام می‌شود. استفاده از Flex Wrap می‌تواند به طراحان وب کم