نمونه کد اتصال به دیتابیس

محاسبه طول پسورد

کدنویسی وردپرس

نمونه فرم کامل تماس

محاسبه قیمت به زبان php

صفحه سفید در وردپرس

غیرفعال کردن افزونه

ریدایرکت 301

قالب صحیفه

ریدایرکت به https

تابع چک کردن زوج یا فرد

align-content

۲۲ آذر ۱۳۹۴ | 0 نظر | لینک کوتاه | properties, آموزش, المان های CSS

align-content تعریف خصوصیت برای یک جعبه متنی منعطف هست .
این خصوصیت کمک می کند که یک محتوای منعطف داشته باشید .

خصوصیت align-content تابع شش متغیر زیر است .

۱- flex-start : خطوط به ابتدای container بچسبند.
۲- flex-end : خطوط به انتهای container بچسبند.
۳- center : خطوط در وسط container قرار بگیرند.
۴- space-between : بالاترین خط در بالا و پایین ترین در پایین و مابقی با فاصله یکسان در container قرار بگیرند.
۵- space-around : خطموط از فاصله یکسانی از هم قرار بگیرند
۶- stretch : خطوط کشیده شوند .

شیوه نگارش :

align-content: flex-start | flex-end | center | space-between | space-around | stretch

.flex-container {
  align-content: space-around;
}

پیش نمایش :
رنگ قرمز نشان دهنده flex-start ، رنگ زرد flex-end ، رنگ آبی نشان دهنده center ، رنگ سبز space-between ، رنگ صورتی space-aroun و رنگ قهوه ای نشان دهنده stretch است .

چه مرورگرهایی از این خصوصیت پشتیبانی می کنند :

Chrome Safari Firefox Opera IE Android iOS
۲۱+ (modern)
۲۰- (old)
۳٫۱+ (old) ۲-۲۱ (old)
۲۲+ (new)
۱۲٫۱+ (modern) ۱۰+ (hybrid) ۲٫۱+ (old) ۳٫۲+ (old)

دیدگاه بگذارید

Be the First to Comment!

Notify of
avatar
wpDiscuz