CSS3 justify-content 属性使用方法及示例

justify-content 属性用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。

下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。

内容的使用语法

属性的语法如下：

justify-content: flex-start | flex-end | center | space-between | space-around | initial | inherit

المثال أدناه يوضح كيفية استخدام خاصية justify-content.

.flex-container {
　　　　　　/* Safari */
　　　　　　display: -webkit-flex;
　　　　　　-webkit-justify-content: space-around;
　　　　　　
　　　　　　display: flex;
　　　　　　justify-content: space-around;
　　}

قيمة الخاصية

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

تطابق المتصفح

تطابق متصفحات الخاصية justify-content، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح يدعم الخاصية؛ جميع المتصفحات الرئيسية تدعم الخاصية.

قراءة المزيد

يرجى الرجوع إلى التعليمات التالية:خطوط CSS،وحدات CSS،عناصر وهمية 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。