نکات DevTools: نحوه بازرسی و اشکال زدایی CSS flexbox
bookmark_borderbookmark
با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
Sofia Emelianova
Chrome DevTools اشکال‌زدایی طرح‌بندی‌های flexbox CSS را بصری می‌کند. پنل Elements یک ویرایشگر Flexbox آگاه از متن و پوشش قابل تنظیم را در اختیار شما قرار می دهد.
ویدیو را تماشا کنید تا یاد بگیرید چگونه:
از ویرایشگر Flexbox برای تغییر ویژگی های flexbox با یک کلیک به جای تایپ کردن آنها استفاده کنید.
برای مشاهده تغییراتی که فوراً ایجاد می‌کنید، پوشش flexbox را در نمای نمایش تغییر دهید.
از قسمت Elements > Layout > Flexbox استفاده کنید تا لیستی از تمام عناصر را ببینید و آنها را در درخت DOM قرار دهید. علاوه بر این، می توانید رنگ های پوشش را در اینجا سفارشی کنید.
برای کسب اطلاعات بیشتر درباره CSS flexbox به طور کلی، به Learn CSS > Flexbox مراجعه کنید.
تاریخ آخرین بهروزرسانی 2022-09-01 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","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"]],["تاریخ آخرین بهروزرسانی 2022-09-01 بهوقت ساعت هماهنگ جهانی."],[],[]]
