Flexbox یکسری خصوصیت را ارائه میدهد که آن را به ابزاری کارکشته برای ساخت‌و‌ساز طرح بندی های انعطاف پذیر و پاسخگو تبدیل می نماید. طراحی سایت اختصاصی برخی از خصوصیت های کلیدی آن عبارتند از: طرح بندی انعطاف پذیر با فلکش جعبه (Flexbox) می توانید طرح بندی های انعطاف پذیری ساخت نمائید که می توانند با اندازه های متعدد کاغذ اکران و دستگاه ها سازگار شوند. می توانید از خصوصیت هایی مانند flex-grow، flex-shrink و flex-basis برای در اختیار گرفتن طرز پیشرفت و انقباض ارکان در دکوراسیون بر طبق فضای مو جود به کار گیری فرمایید.
تراز آسوده
Flexbox تراز کردن عنصرها را در یک طرح، هم به طور افقی و هم به طور عمودی آسوده می نماید. می توانید از خصوصیت هایی مانند justify-content و align-item برای در اختیار گرفتن تراز مورد ها در امتداد اساس مهم و مبنا متقاطع به کارگیری نمایید.
ترتیب دوباره ارکان
فلکس جعبه به شما اذن میدهد تا با به کارگیری از خصوصیت order ترتیب ارکان را در یک طرح تغییر و تحول دهید. این قابلیت و امکان قادر است برای ساخت‌و‌ساز طرح های عکس العمل گرا که ترتیب محتوا را در اندازه های متعدد ورقه اکران تغییر تحول میدهد، اثر گذار باشد.
تودر تو
می توانید طرح بندی های Flexbox را باطن یکدیگر قرار دهید که قابلیت طرح های بغرنج خیس و لایه ای را مهیا می نماید.
طرح بندی های کانال ای
با خصوصیت flex-wrap، می توانید طرح بندی های کانال ای ساخت‌و‌ساز فرمائید که در شکل نیاز، ارکان را روی خطوط نو قرار می دهند. این قابلیت و امکان میتواند برای تولید طرح های عکس العمل گرا که با اندازه های متعدد کاغذ اکران تهیه و تنظیم می‌شوند، اثرگذار باشد.
مسافت پاسخگو
Flexbox با به کار گیری از خصوصیت هایی مانند justify-content و align-item ساخت‌و‌ساز مسافت پاسخگو میان ارکان را آسوده می نماید.
مجموعاَ، Flexbox تیم‌ای حاذق از ابزارها را برای ساخت‌و‌ساز طرح بندی های انعطاف‌پذیر، پاسخگو و امروزی در اینترنت آماده می نماید.
کدام مرورگرها از flexbox حمایت می نمایند؟
فلکس جعبه در مرورگرهای ذیل تامین میگردد:
+Chrome 29
+Firefox 28
+Internet Explorer 11
+Opera 17
+Safari 6.1
+Android 4.4
+iOS 7.1
مدد از Flexbox بسته به ورژن مرورگر میتواند مختلف باشد. برای باور از اینکه چینش Flexbox شما در کلیه مرورگرها به صحت عمل می نماید، خوب میباشد سازش مرورگر با خصوصیت های CSS را که به کار گیری میکنید رسیدگی نمائید. می توانید از ابزارهایی مانند Can I Use برای نظارت سازش Flexbox و بقیه فناوری های اینترنت به کارگیری نمائید.
همینطور بایستی بیان کرد که ورژن های سابق وب اکسپلورر (IE10 و ورژن های گذشته) از Flexbox حمایت نمی‌کنند. در صورتی نیاز به جانبداری از این مرورگرها دارید، ممکن میباشد مورد نیاز باشد از طریق طرح بندی متفاوتی مانند شناورها یا این که جداول استعمال فرمائید. با این هم اکنون، مایکروسافت اعلام نموده است که ورژن های آجل Edge از Flexbox امان بدون نقص خواهند کرد.
Flexbox یکسری خصوصیت را ارائه میدهد که آن را به ابزاری کارکشته برای ساخت‌و‌ساز طرح بندی های انعطاف پذیر و پاسخگو تبدیل می نماید. طراحی سایت اختصاصی برخی از خصوصیت های کلیدی آن عبارتند از: طرح بندی انعطاف پذیر با فلکش جعبه (Flexbox) می توانید طرح بندی های انعطاف پذیری ساخت نمائید که می توانند با اندازه های متعدد کاغذ اکران و دستگاه ها سازگار شوند. می توانید از خصوصیت هایی مانند flex-grow، flex-shrink و flex-basis برای در اختیار گرفتن طرز پیشرفت و انقباض ارکان در دکوراسیون بر طبق فضای مو جود به کار گیری فرمایید.
تراز آسوده
Flexbox تراز کردن عنصرها را در یک طرح، هم به طور افقی و هم به طور عمودی آسوده می نماید. می توانید از خصوصیت هایی مانند justify-content و align-item برای در اختیار گرفتن تراز مورد ها در امتداد اساس مهم و مبنا متقاطع به کارگیری نمایید.
ترتیب دوباره ارکان
فلکس جعبه به شما اذن میدهد تا با به کارگیری از خصوصیت order ترتیب ارکان را در یک طرح تغییر و تحول دهید. این قابلیت و امکان قادر است برای ساخت‌و‌ساز طرح های عکس العمل گرا که ترتیب محتوا را در اندازه های متعدد ورقه اکران تغییر تحول میدهد، اثر گذار باشد.
تودر تو
می توانید طرح بندی های Flexbox را باطن یکدیگر قرار دهید که قابلیت طرح های بغرنج خیس و لایه ای را مهیا می نماید.
طرح بندی های کانال ای
با خصوصیت flex-wrap، می توانید طرح بندی های کانال ای ساخت‌و‌ساز فرمائید که در شکل نیاز، ارکان را روی خطوط نو قرار می دهند. این قابلیت و امکان میتواند برای تولید طرح های عکس العمل گرا که با اندازه های متعدد کاغذ اکران تهیه و تنظیم می‌شوند، اثرگذار باشد.
مسافت پاسخگو
Flexbox با به کار گیری از خصوصیت هایی مانند justify-content و align-item ساخت‌و‌ساز مسافت پاسخگو میان ارکان را آسوده می نماید.
مجموعاَ، Flexbox تیم‌ای حاذق از ابزارها را برای ساخت‌و‌ساز طرح بندی های انعطاف‌پذیر، پاسخگو و امروزی در اینترنت آماده می نماید.
کدام مرورگرها از flexbox حمایت می نمایند؟
فلکس جعبه در مرورگرهای ذیل تامین میگردد:
+Chrome 29
+Firefox 28
+Internet Explorer 11
+Opera 17
+Safari 6.1
+Android 4.4
+iOS 7.1
مدد از Flexbox بسته به ورژن مرورگر میتواند مختلف باشد. برای باور از اینکه چینش Flexbox شما در کلیه مرورگرها به صحت عمل می نماید، خوب میباشد سازش مرورگر با خصوصیت های CSS را که به کار گیری میکنید رسیدگی نمائید. می توانید از ابزارهایی مانند Can I Use برای نظارت سازش Flexbox و بقیه فناوری های اینترنت به کارگیری نمائید.
همینطور بایستی بیان کرد که ورژن های سابق وب اکسپلورر (IE10 و ورژن های گذشته) از Flexbox حمایت نمی‌کنند. در صورتی نیاز به جانبداری از این مرورگرها دارید، ممکن میباشد مورد نیاز باشد از طریق طرح بندی متفاوتی مانند شناورها یا این که جداول استعمال فرمائید. با این هم اکنون، مایکروسافت اعلام نموده است که ورژن های آجل Edge از Flexbox امان بدون نقص خواهند کرد.
پاپ آپ در طراحی وب سایت چند نوع دارد؟