怎样制造网站图片教程,山东省交通厅建设网站首页,腾讯街景地图实景手机版,兰州微信信息平台网站建设ColumnRow组件的使用 Column表示沿垂直方向布局的容器。 Row表示沿水平方向布局的容器。
布局子元素在交叉轴上的对齐方式
Column容器内子元素在水平方向上的排列
HorizontalAlign.Start#xff1a;子元素在水平方向左对齐。
HorizontalAlign.Center#xff1a;子…ColumnRow组件的使用 Column表示沿垂直方向布局的容器。 Row表示沿水平方向布局的容器。
布局子元素在交叉轴上的对齐方式
Column容器内子元素在水平方向上的排列
HorizontalAlign.Start子元素在水平方向左对齐。
HorizontalAlign.Center子元素在水平方向居中对齐。
HorizontalAlign.End子元素在水平方向右对齐。
Row容器内子元素在垂直方向上的排列
VerticalAlign.Top子元素在垂直方向顶部对齐
VerticalAlign.Center子元素在垂直方向居中对齐。
VerticalAlign.Bottom子元素在垂直方向底部对齐。
布局子元素在主轴上的排列方式
在布局容器内可以通过justifyContent属性设置子元素在容器主轴上的排列方式。可以从主轴起始位置开始排布也可以从主轴结束位置开始排布或者均匀分割主轴的空间。
justifyContent(FlexAlign.Start)元素在主轴方向首端对齐第一个元素与行首对齐同时后续的元素与前一个对齐。
justifyContent(FlexAlign.Center)元素在主轴方向中心对齐第一个元素与行首的距离与最后一个元素与行尾距离相同
justifyContent(FlexAlign.End)元素在主轴方向尾部对齐最后一个元素与行尾对齐其他元素与后一个对齐
justifyContent(FlexAlign.Spacebetween)主轴方向均匀分配元素相邻元素之间距离相同。第一个元素与行首对齐最后一个元素与行尾对齐。
justifyContent(FlexAlign.SpaceAround)主轴方向均匀分配元素相邻元素之间距离相同。第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。