شکاف یا شکاف چیست؟

برنامه های کاربردی برای کنترل روده بین وسایل شبکه و فلکس.

مرجع دم دست طبقه خواص نمایش همه کلاس ها استفاده اساسی تنظیم شکاف بین عناصر

برای تغییر شکاف بین هر دو ردیف و ستون در طرح های شبکه و Flexbox از GAP- استفاده کنید.

قسمت طبقه="توریشکا ف-4GRID-COLS-2"> قسمت>01قسمت> قسمت>02قسمت> قسمت>03قسمت> قسمت>04قسمت> قسمت>

تغییر شکاف ردیف و ستون به طور مستقل

برای تغییر شکاف بین ردیف ها و ستون ها به طور مستقل از GAP-X- و GAP-y- استفاده کنید.

قسمت طبقه="توریGAP-X-8 شکاف y-4GRID-COLS-3"> قسمت>01قسمت> قسمت>02قسمت> قسمت>03قسمت> قسمت>04قسمت> قسمت>05قسمت> قسمت>06قسمت> قسمت>

اعمال مشروط شناور ، تمرکز و سایر کشورها

Tailwind به شما امکان می دهد با استفاده از اصلاح کننده های مختلف ، کلاس های ابزار را در حالت های مختلف اعمال کنید. به عنوان مثال ، از Hover: GAP-6 استفاده کنید تا فقط ابزار GAP-6 را در Hover اعمال کنید.

قسمت طبقه="شبکه شبک ه-4شناور: GAP-6"> قسمت> 

برای لیست کاملی از کلیه اصلاح کننده های حالت موجود ، مستندات Hover ، Focus و سایر ایالت ها را بررسی کنید.

نقاط شکست و نمایش داده شد

همچنین می توانید از اصلاح کننده های مختلف برای هدف قرار دادن پرس و جوهای رسانه ای مانند نقاط ضعف پاسخگو ، حالت تاریک ، ترجیح دادن حرکت به سمت کاهش و موارد دیگر استفاده کنید. به عنوان مثال ، از MD: GAP-6 برای استفاده از ابزار GAP-6 فقط در اندازه های صفحه نمایش متوسط و بالاتر استفاده کنید.

قسمت طبقه="شبکه شبک ه-4MD: GAP-6"> قسمت> 

برای کسب اطلاعات بیشتر ، مستندات مربوط به طراحی پاسخگو ، حالت تاریک و سایر اصلاح کننده های پرس و جو رسانه ای را بررسی کنید.

با استفاده از مقادیر سفارشی سفارشی کردن موضوع خود

به طور پیش فرض ، مقیاس شکاف Tailwind از مقیاس فاصله پیش فرض استفاده می کند. شما می توانید مقیاس فاصله خود را با ویرایش theme. spacing یا theme. extend. spacing در پرونده tailwind. config. js خود سفارشی کنید.

tailwind. config. js

مدول.صادر کردن =   موضوع:   توسعه دادن، گسترش:   فاصله:   '11': '2. 75rem',  >  >  >  > 

از طرف دیگر ، می توانید با ویرایش موضوع. gap یا theme. extend. gap در پرونده tailwind. config. js فقط مقیاس شکاف را سفارشی کنید.

tailwind. config. js

مدول.صادر کردن =   موضوع:   توسعه دادن، گسترش:   شکاف:   '11': '2. 75rem',  >  >  >  > 

در مورد شخصی سازی موضوع پیش فرض در مستندات سفارشی سازی موضوع بیشتر بدانید.

مقادیر دلخواه

اگر نیاز به استفاده از یک مقدار شکاف یک طرفه دارید که منطقی نیست که در موضوع خود گنجانده شود ، از براکت های مربع برای تولید یک ویژگی در پرواز با استفاده از هر مقدار دلخواه استفاده کنید.

قسمت طبقه="توریGAP- [2. 75REM]"> قسمت> 

در مورد پشتیبانی از ارزش دلخواه در مستندات ارزشهای دلخواه بیشتر بدانید.

کپی رایت © 2023 Tailwind Labs Inc.