] "Flex" و "Termify-Ntontent" تعمل في عالم Flexbox ، الذي يحكم تخطيط الصناديق والعناصر على مستوى الكتلة. "محاذاة النص" ، من ناحية أخرى ، يؤثر على محاذاة النص والعناصر على مستوى الخط.

عنصر واحد ، كلا النهجين يحقق نتائج مماثلة. ومع ذلك ، مع عناصر متعددة ، يصبح الفرق الواضح واضحًا.

فكر في المثال التالي: العرض: فليكس. تبرير المحتوى: فليكس إند ؛ } .Parent-Normal { محاذاة النص: صحيح ؛ }

.parent-flex {
  display: flex;
  justify-content: flex-end;
}
.parent-normal {
  text-align: right;
}