align-items
۲۵ آذر ۱۳۹۴ | 0 نظر | لینک کوتاه | css, properties, آموزش, المان های CSSاین خصوصیت align item تعریف می کند که چگونه یک شی انعطاف پذیر در راستای محور ها می تواند جابجا شود.
این خصوصیت دارای ۵ زیرخواص هست که به ترتیب شامل موارد زیر هستند :
flex-start : چسبیدن همه آیتم ها به بالاترین نقطه تراز
flex-end : چسبیدن همه آیتم ها در پایین ترین نقطه تراز
center : آیتم در راستای محور ها در وسط قرار می گیرد.
baseline: آیتم ها بر اساس خطوط تراز خود تنظیم می شوند.
stretch : ( پیشفرض ) این حالت کل صفحه مربوطه پر می شود.
پیش نمایش:
در دموی زیر :
flex-start : قرمز
flex-end : زرد
center : آبی
baseline: سبز
stretch : صورتی
جه مرورگرهایی از این خصوصیت پشتیبانی می کنند:
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| ۲۱+ (modern) ۲۰- (old) |
۳٫۱+ (old) | ۲-۲۱ (old) ۲۲+ (new) |
۱۲٫۱+ (modern) | ۱۰+ (hybrid) | ۲٫۱+ (old) | ۳٫۲+ (old) |
مطالب تصادفی
- background
- آرایه ای از لیست کشورها در javascript
- قراردادن کامنت در HTML
- پوسته رخداد ، کنفراس و همایش وردپرس Meetup v1.0
- فرم ساده آپلود فایل به صورت HTML و php
- لیست کردن همه تیبل های یک دیتابیس
- محدودیت تعداد کارکتر برای عنوان مطالب در وردپرس
- نمونه کد جی کوئری tab باکس بصورت mouseover
- نمونه کد php حذف اطلاعات از دیتابیس
- قراردادن ویدیو Quicktime در HTML
- نمونه کد php بستن اتصال دیتابیس mysql
- تصمیم گیری نحوه رفتار بر اساس متد درخواست PHP
- دانلود رایگان پوسته صحیفه نسخه v5.5.2 راستچین شده Sahifa
- نمایش مسیر حرکت بازدیدکننده سایت شما از محل شما در گوگل مپ
- کامنت نویسی در javascript
- پوسته ۹۰۷ برای وردپرس
- پارامتر الزام آور در mysqli
- تشخیص فعال یا غیرفعال بودن javascript با پیغام هشدار
- افزونه WP-PageNavi
- backface-visibility
دیدگاه بگذارید
Be the First to Comment!