شرح صفوف ومحتوى الفقرة
يبدأ كل عنصر مرن افتراضياً بالقيمة align-self: auto؛ وعند حساب الأنماط تنسخ القيمة auto قرار خاصية align-items المطبقة على الحاوية الأب، والتي تكون افتراضياً stretch.
تبرز فائدة كتابة align-self: stretch صراحةً عندما تستخدم الحاوية الأب align-items: center أو align-items: flex-start، إذ تسمح لبطاقة مميزة أو خط فاصل وحيد بالتمدد على كامل ارتفاع السطر بشرط بقاء بُعده المتعامد مثل height على القيمة auto.
CSS
.bar-row {
display: flex;
align-items: center;
height: 130px;
}
.tall-divider {
align-self: stretch;
}