Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
0c1bbc06
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
0c1bbc06
编写于
5月 19, 2022
作者:
G
groundnuts
提交者:
Gitee
5月 19, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
【轻量级 PR】:【OpenHarmony开源贡献者计划2022】删除取值中多余空格 update zh-cn/application-dev/ui/ui-ts-layout-flex.md.
Signed-off-by:
N
groundnuts
<
ester743@126.com
>
上级
db2ef3f8
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
7 addition
and
7 deletion
+7
-7
zh-cn/application-dev/ui/ui-ts-layout-flex.md
zh-cn/application-dev/ui/ui-ts-layout-flex.md
+7
-7
未找到文件。
zh-cn/application-dev/ui/ui-ts-layout-flex.md
浏览文件 @
0c1bbc06
...
...
@@ -182,7 +182,7 @@ Flex组件用于创建弹性布局,开发者可以通过Flex的接口创建容
!
[
zh-cn_image_0000001218739568
](
figures/zh-cn_image_0000001218739568.png
)
-
FlexAlign.
SpaceBetween: ,
Flex主轴方向均匀分配弹性元素,相邻元素之间距离相同。 第一个元素与行首对齐,最后一个元素与行尾对齐。
-
FlexAlign.
SpaceBetween:
Flex主轴方向均匀分配弹性元素,相邻元素之间距离相同。 第一个元素与行首对齐,最后一个元素与行尾对齐。
```
Flex({ justifyContent: FlexAlign.SpaceBetween }) {
...
...
@@ -197,7 +197,7 @@ Flex组件用于创建弹性布局,开发者可以通过Flex的接口创建容
!
[
zh-cn_image_0000001263019461
](
figures/zh-cn_image_0000001263019461.png
)
-
FlexAlign.
SpaceAround: Flex主轴方向均匀分配弹性元素,相邻元素之间距离相同。 第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。
-
FlexAlign.SpaceAround: Flex主轴方向均匀分配弹性元素,相邻元素之间距离相同。 第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。
```
Flex({ justifyContent: FlexAlign.SpaceAround }) {
...
...
@@ -212,7 +212,7 @@ Flex组件用于创建弹性布局,开发者可以通过Flex的接口创建容
!
[
zh-cn_image_0000001263339461
](
figures/zh-cn_image_0000001263339461.png
)
-
FlexAlign.
SpaceEvenly: Flex主轴方向元素等间距布局, 相邻元素之间的间距、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样。
-
FlexAlign.SpaceEvenly: Flex主轴方向元素等间距布局, 相邻元素之间的间距、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样。
```
Flex({ justifyContent: FlexAlign.SpaceEvenly }) {
...
...
@@ -292,7 +292,7 @@ Flex组件用于创建弹性布局,开发者可以通过Flex的接口创建容
!
[
zh-cn_image_0000001218579610
](
figures/zh-cn_image_0000001218579610.png
)
-
ItemAlign.
Stretch:交叉轴方向拉伸填充,在未设置尺寸时,拉伸到容器尺寸。
-
ItemAlign.Stretch:交叉轴方向拉伸填充,在未设置尺寸时,拉伸到容器尺寸。
```
Flex({ alignItems: ItemAlign.Stretch }) {
...
...
@@ -333,11 +333,11 @@ Flex组件用于创建弹性布局,开发者可以通过Flex的接口创建容
-
FlexAlign.End: 右对齐。
-
FlexAlign.
SpaceBetween: flex items之间的距离相等,与main start、main end两端对齐。
-
FlexAlign.SpaceBetween: flex items之间的距离相等,与main start、main end两端对齐。
-
FlexAlign.
SpaceAround: flex items之间的距离相等,flex items与main start、main end之间的距离等于flex items之间距离的一半。
-
FlexAlign.SpaceAround: flex items之间的距离相等,flex items与main start、main end之间的距离等于flex items之间距离的一半。
-
FlexAlign.
SpaceEvenly: flex items之间的距离相等,flex items与main start、main end之间的距离等于flex items之间的距离。
-
FlexAlign.SpaceEvenly: flex items之间的距离相等,flex items与main start、main end之间的距离等于flex items之间的距离。
## 场景示例
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录