FlexBox的align-content到底是什么鬼，我也搞了好半天才开发出来，目前工具中WViewRow组件使用了此属性，WViewColumn中此属性不起作用。
下图是justify-content、align-items和align-content属性组合使用的两个例子，请仔细理解一下。
大家看出来区别了吗，第一个整体右侧排列（justify-content=flex-end），第一行和第二行短黄和短红所在行上对齐（align-items=flex-start）。第二个整体左对齐，第一行和第二行短黄和短红是下对齐（align-items=flex-end）。第一个的第一行对齐顶端、第二行对齐底部（align-content=space-between）。第二个的顶端和底部有间隔（align-content=space-around）。
第一个属性如下：
第二个属性如下：
以上属性的组合使用决定了内部组件换行显示，每行内部排列方式，行之间排列方式。可以简单的把align-content属性理解为块属性，当出现多行时候，此属性影响每行也就是每块在view中的布局。
此贴内容由于是三个属性组合，看过解释后请实际操作一下吧。
本文主要是介绍小程序UI设计（8）-布局分解-FlexBox的align-content应用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
转载于:https://www.cnblogs.com/myloveblogs/p/6169580.html
这篇关于小程序UI设计（8）-布局分解-FlexBox的align-content应用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
