background-color:rgb(21,123,126);
}
</style>
</head>
<body>
<div id="father">
<div class="son1">
q
</div>
<div class="son2">
w
</div>
<div class="son3">
e
</div>
<div class="son4">
e
</div>
<div class="son5">
e
</div>
</div>
</body>
</html>
flex-end:这个会取消项目之间的空白并把项目放在容器底部。
align-content:flex-end;
space-between这个会使项目在垂直方向两端对齐。即上面的项目对齐容器顶部，最下面一个项目对齐容器底部。留相同间隔在每个项目之间。
align-content:space-between;
Space-around:这个会使每个项目上下位置保留相同长度空白，使得项目之间的空白为两倍的单个项目空白。
align-content:space-around;
Inherit：使得元素的这个属性继承自它的父元素。
innitial：使元素这个属性为默认初始值。
以上这篇深入理解css中的align-content属性就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
