小程序UI設計（8）-布局分解-FlexBox的align-content應用

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中的布局。
此貼內容由於是三個屬性組合，看過解釋后請實際操作一下吧。