vbox
子元素沿垂直方向排列。每個子元素都會繪製在前乙個子元素的下方。
hbox
子元素沿水平方向排列。每個子元素都會繪製在前乙個子元素的右方。
canvas
按開發者指定的x座標與y座標繪製子元素。如果沒有指定座標，則所有的子元素都繪製在容器的左上方。例如，如果在canvas中新增乙個button控制項而不為其指定座標，那麼button就被呈現在canvas的左上角，預設的(0,0)位置。
tile
將其子元素排列成乙個或者多個橫行或者豎列，在需要時增加新行或者新列。所有的tile容器單元格大小都相同。flex將tile容器的單元格排列在正方形網格中，每乙個單元格內放入乙個子元素。布局方式由direction屬性決定。
pnael
box容器的子類。panel容器可以像vbox、hbox或者canvas容器之中的任何一種那樣布局，這取決於指定的layout屬性（預設為absolute，與canvas一樣）。除了可以包含子元素，panel容器還提供了標題欄區域，可以包含它的標題和狀態資訊。
controlbar
controlbar容器可以用於將工具欄停靠在panel容器或者titlewindow容器的底部。controlbar容器能以hbox或者vbox容器的方式布局，這取決於direction屬性的設定情況（預設為horizontal，水平方式布局）。
Flex布局規則
1 vbox 子元素沿垂直方向排列 每個子元素都繪製在前一標籤的下方 2 hbox 子元素沿水平方向排列 每個子元素都繪製在前一標籤的右方 3 canvas 按開發者指定的x座標和y座標繪製子元素。如果沒有指定座標，則所有的子元素都繪製在容器的左上角。例如，如果在canvas容器中新增乙個butto...
Flex 布局 容器屬性
flex 布局，意為 彈性布局 任何乙個容器都可以指定為 flex 布局，行內元素也可以使用 flex 布局。注意 設為 flex 布局後，子元素的 float clear 和 vertrical align 屬性都將失效。採用 flex 布局的元素，稱為 flex 容器，簡稱容器 它的所有子元素自...
關於flex布局容器屬性
容器屬性 flex direction 決定主軸的方向 row 從下到上 row reverse 從上到下 column 從左到右 column reverse 從右到左 flex wrap 如果一行排列不下如何換行 nowrap 不換行 wrap 換行 wrap reverse 換行，第一行在下面...