C3(justify-content)弹性布局内容对齐属性

写博客不是为了博眼球 是为了记笔记.

justify-content语法例如以下:

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

參数说明例如以下:

flex-start
弹性项目向行头紧挨着填充。

这个是默认值。第一个弹性项的main-start外边距边线被放置在该行的main-start边线。而兴许弹性项依次平齐摆放。
flex-end
弹性项目向行尾紧挨着填充。第一个弹性项的main-end外边距边线被放置在该行的main-end边线,而兴许弹性项依次平齐摆放。
center
弹性项目居中紧挨着填充。(假设剩余的自由空间是负的,则弹性项目将在两个方向上同一时候溢出)。
space-between
弹性项目平均分布在该行上。假设剩余空间为负或者仅仅有一个弹性项。则该值等同于flex-start。否则,第1个弹性项的外边距和行的main-start边线对齐。而最后1个弹性项的外边距和行的main-end边线对齐。然后剩余的弹性项分布在该行上。相邻项目的间隔相等。
space-around
弹性项目平均分布在该行上,两边留有一半的间隔空间。

猜你喜欢

转载自blog.csdn.net/qq_42177730/article/details/99633579
今日推荐