工具簡介：小程序layout設計工具，可視化方式進行小程序UI設計。通過鼠標拖拽組件方式進行UI布局。工具提供符合微信視覺統一的模板，并且按照FlexBox方式可視化布局。自動生成wxml和wxss，復制到微信開發者工具中即可同步顯示。視頻介紹請移步優酷http://v.youku.com/v_show/id_XMTgyNTQ4NDcyMA==.html

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