css中justify-content属性怎么用

这篇文章给大家分享的是有关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;}.box li{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属性怎么用"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！