مثال
ضع التحالفات لكافة العناصر من مرونة <div> عنصر في بداية الحاوية:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";
// Standard syntax
document.getElementById("main").style.alignItems =
"flex-start"; انها محاولة لنفسك » تعريف والاستخدام
تحدد الخاصية alignItems والمحاذاة الافتراضية للعناصر داخل الحاوية مرنة.
Tip: استخدم خاصية محاذاة الذاتي من كل عنصر إلى تجاوز الخاصية البنود محاذاة.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
أرقام تليها بكت تحدد النسخة الأولى التي عملت مع بادئة.
| خاصية | |||||
|---|---|---|---|---|---|
| alignItems | 21.0 | 11.0 | 20.0 | 7.0 بكت | 12.1 |
ملاحظة: سفاري دعم بديل، الخاصية WebkitAlignItems.
بناء الجملة
إعادة الممتلكات alignItems:
object .style.alignItemsتعيين الخاصية alignItems:
object .style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
قيم الممتلكات
| القيمة | وصف |
|---|---|
| stretch | افتراضي. وامتدت البنود لتتناسب مع حاوية |
| center | يتم وضع البنود في وسط الحاوية |
| flex-start | يتم وضع العناصر في بداية الحاوية |
| flex-end | يتم وضع العناصر في نهاية الحاوية |
| baseline | يتم وضع البنود في الأساس من الحاوية |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | تمتد |
|---|---|
| قيمة الإرجاع: | A سلسلة تمثل الملكية البنود محاذاة عنصر |
| صفحة CSS | CSS3 |
صفحات ذات صلة
CSS المرجع align-items property
HTML DOM STYLE المرجعي: alignContent property
HTML DOM STYLE المرجعي: alignSelf property
<كائن نمط