解析八大Flex布局規則

2021-08-26 03:49:23 字數 774 閱讀 4883

[b]flex布局規則[/b]

[b]1)vbox[/b]

子元素沿垂直方向排列;每個子元素都繪製在前一標籤的下方

[b](2)hbox[/b]

子元素沿水平方向排列;每個子元素都繪製在前一標籤的右方

[b](3)canvas[/b]

flex布局規則中按開發者指定的x座標和y座標繪製子元素。如果沒有指定座標,則所有的子元素都繪製在容器的左上角。例如,如果在canvas容器中新增乙個button控制項而不給button控制項指定x座標和y座標,那麼按鈕會被呈現在canvas的左上角,位於預設的(0,0)位置。

[b](5)tile[/b]

將其子元素排成乙個或多個豎列或橫行,在需要時增加新行或新列。所有的tile容器單元格大小都相同。flex將tile容器的單元格排在正方形網格中,每乙個單元格內放入乙個子元素。布局方式由direction屬性決定。

[b](6)panel[/b]

flex布局規則中box容器的子類,panel容器可以像vbox、hbox或canvas容器之中的任何一種那樣布局,這取決於指定的layout屬性(預設使用layout="absolute",布局行為與canvas容器一樣)。除了可以包含子元素,panel容器還白日做夢了標題欄區域,可以包含它的標題和狀態資訊。

[b](7)controlbar[/b]

controlbar容器可用於將工具欄停靠在panel容器或titlewindow容器的底部。controlbar容器能以hbox容器或vbox容器的方式布局,這取決於direction屬性(預設值是horizontal)

Flex布局規則

1 vbox 子元素沿垂直方向排列 每個子元素都繪製在前一標籤的下方 2 hbox 子元素沿水平方向排列 每個子元素都繪製在前一標籤的右方 3 canvas 按開發者指定的x座標和y座標繪製子元素。如果沒有指定座標,則所有的子元素都繪製在容器的左上角。例如,如果在canvas容器中新增乙個butto...

flex布局解析

flex是flexible box的縮寫,意為 彈性布局 用來為盒狀模型提供最大的靈活性。採用flex布局的元素,稱為flex容器,容器的直接子元素稱為flex專案,容器預設有兩個軸心線,用於專案的對齊與排列,水平主軸為main axis,垂直主軸為cross axis,主軸的開始位置為start,...

解析ERP實施的八大誤區

最近幾年來,erp逐漸成為企業關注的焦點。國內erp廠家也日漸增多。許多新的erp品牌紛紛登台亮相。這種喜人的景象預示著中國企業資訊化正在走向深入和全面的應用,erp市場正在迅猛的發展。erp經過1998年國內廣大廠商和 的連續宣傳,為培育市場做了很好的鋪墊。然而國內erp市場要真正成熟起來至少還需...