<flex> CSS data type یک فاصله طولی منعطف را در یک جعبه محتوی گرید مشخص می‌کند. این نوع مقدار در grid-template-columns, grid-template-rows و سایر موارد مشابه استفاده می‌شود.

سینتکس

نوع داده <flex> به صورت <number> و در ادامه fr استفاده می‌شود. واحد fr کسری از فضای باقیمانده در جعبه محتوی گرید است. مانند سایر مقادیر در سی‌اس‌اس، بین مقدار و واحد فاصله‌ای نیست.

مثال

1fr    /* استفاده از یک عدد طبیعی */
2.5fr  /* استفاده از یک عدد اعشاری */

خصوصیات

خصوصیت وضعیت توضیحات
CSS Grid Layout
The definition of '<flex>' in that specification.
Candidate Recommendation تعریف اولیه.

سازگاری با مرورگرها

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome Full support 29Edge Full support 16Firefox Full support 40IE No support NoOpera Full support 28Safari Full support 10.1WebView Android Full support 57Chrome Android Full support 29Edge Mobile Full support 16Firefox Android Full support 40Opera Android Full support 44Safari iOS Full support 10.3Samsung Internet Android Full support Yes

Legend

Full support  
Full support
No support  
No support

مقالات مرتبط

Document Tags and Contributors

Contributors to this page: mort3za
Last updated by: mort3za,