bookmark_borderbookmark
با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
برای این مثال هفتم، برخی از مفاهیمی را که قبلاً در مورد آنها آموختهاید ترکیب کنید تا یک طرحبندی پاسخگو با کودکانی که به طور خودکار قرار میگیرند و انعطافپذیر ایجاد کنید. بسیار تمیز. عبارات کلیدی که در اینجا باید به خاطر بسپارید عبارتند از repeat , auto-(fit|fill) , و minmax() که با مخفف RAM به خاطر می آورید.
شما دوباره از repeat() استفاده میکنید، اما این بار، به جای یک مقدار عددی صریح، از کلمه کلیدی auto-fit استفاده میکنید. این امکان قرار دادن خودکار این عناصر کودک را فراهم می کند. این کودکان دارای حداقل مقدار پایه 150px با حداکثر مقدار 1fr هستند، به این معنی که در صفحههای کوچکتر، عرض کامل 1fr را میگیرند، و با رسیدن به عرض هر کدام 150px ، شروع به جریان شدن روی همان خط میکنند.
با auto-fit ، هر مسیر کاملاً خالی تا 0 جمع میشود و مسیرهای پر شده بزرگ میشوند تا فضای خود را اشغال کنند. با این حال، اگر این را به auto-fill تغییر دهید، تراکهای خالی همان مقدار فضایی را اشغال میکنند که در صورت پر شدن میکنند:
تاریخ آخرین بهروزرسانی 2023-10-25 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2023-10-25 بهوقت ساعت هماهنگ جهانی."],[],[]]