您现在的位置是：课程教程文章

css中justify-content属性是什么

2023-12-13 23:05课程教程文章人已围观

课程介绍: 1、 css中justify-content属性是什么课程推荐; 2、 css中justify-content属性是什么课程专题

1、justify-content属性决定了水平方向子项的对齐和分布方式。

2、应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。该操作发生在弹性长度以及自动边距被确定后。

实例

.box{
display:-webkit-flex;
display:flex;
width:400px;height:100px;margin:0;padding:0;border-radius:5px;list-style:none;background-color:#eee;}
.boxli{margin:5px;padding:10px;border-radius:5px;background:#aaa;text-align:center;}
#box{
-webkit-justify-content:flex-start;
justify-content:flex-start;
}
#box2{
-webkit-justify-content:flex-end;
justify-content:flex-end;
}
#box3{
-webkit-justify-content:center;
justify-content:center;
}
#box4{
-webkit-justify-content:space-between;
justify-content:space-between;
}
#box5{
-webkit-justify-content:space-around;
justify-content:space-around;
}

以上就是css中justify-content属性的介绍，希望对大家有所帮助。更多css学习指路：css教程

本文教程操作环境：windows7系统、css3版，DELL G3电脑。

课程教程：css中justify-content属性是什么

上一篇：css中flex-flow属性是什么

下一篇：没有了