طريقة استخدام خصائص CSS3 align-items و أمثلة

خصائص align-items تحدد طريقة التوجيه الافتراضية للعناصر داخل وحدة التشغيل الهلامية.

الجدول أدناه يلخص سياق الاستخدام و تاريخ الإصدارات لهذا الخصائص.

قواعد استخدام align-items

هذا الخصائص له بنية النص التالية:

align-items:　baseline　|　center　|　flex-start　|　flex-end　|　stretch　|　initial　|　inherit

يظهر المثال أدناه الخاصية align-items المستخدمة حاليًا.

　.flex-container　{
　　　　　　　　　　　/*　Safari　*/
　　　　　　　　　　　display:　-webkit-flex;　
　　　　　　　　　　　-webkit-align-items:　center;
　　　　　　　　　　　
　　　　　　　　　　　display:　flex;
　　　　　　　　　　　align-items:　center;
　　　}

قيمة الخاصية

يصف الجدول أدناه قيم هذه الخاصية.

توافق المتصفح

توافق متصفحات align-items، يدعم جميع المتصفحات الرئيسية هذه الخاصية.

قراءة إضافية

يرجى الرجوع إلى التعليمات التالية:تحديد CSS。

خصائص مرتبطة:align-content،align-items،align-self،display،flex،flex-basis،flex-direction،flex-flow،flex-grow،flex-shrink،flex-wrap،justify-content،min-height،min-width،order。