diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/text_clock.gif b/zh-cn/application-dev/reference/arkui-ts/figures/text_clock.gif
index 29a32d79a14fbcf8a27f6e27fc3fa226a2b83446..c0f013242aa3ba0024ed25453078437427187a42 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/text_clock.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/text_clock.gif differ
diff --git a/zh-cn/application-dev/ui/ui-ts-layout-flex.md b/zh-cn/application-dev/ui/ui-ts-layout-flex.md
index bba76d6b6b2d04889bef05fa2808da0322cbf5b5..6b53c7f84784d8e58a296e11b916adf5751cae7f 100644
--- a/zh-cn/application-dev/ui/ui-ts-layout-flex.md
+++ b/zh-cn/application-dev/ui/ui-ts-layout-flex.md
@@ -1,6 +1,6 @@
 # 弹性布局
 
-弹性布局又称Flex布局，是自适应布局中使用最为灵活的布局。弹性布局提供一种更加有效的方式来对容器中的子元素进行排列、对齐和分配空白空间。
+弹性布局（Flex布局）是自适应布局中使用最为灵活的布局。弹性布局提供一种更加有效的方式来对容器中的子元素进行排列、对齐和分配空白空间。
 开发者可以通过Flex的接口创建容器组件，进而对容器内的其他元素进行弹性布局。
 
 
diff --git a/zh-cn/application-dev/ui/ui-ts-layout-mediaquery.md b/zh-cn/application-dev/ui/ui-ts-layout-mediaquery.md
index 06a3c579338274097736733145f1bcb14866c9fd..afd3a97ffd9e395a748a235fb584acb19dcc705a 100644
--- a/zh-cn/application-dev/ui/ui-ts-layout-mediaquery.md
+++ b/zh-cn/application-dev/ui/ui-ts-layout-mediaquery.md
@@ -14,6 +14,7 @@
 ## 媒体查询引入与使用流程
 
 通过调用媒体查询接口，设置媒体查询条件和查询结果的回调函数，在对应的条件的回调函数里更改页面布局或者实现业务逻辑。具体步骤如下：
+
 首先导入媒体查询模块，例如：
 ```ts
 import mediaquery from '@ohos.mediaquery'
diff --git a/zh-cn/application-dev/ui/ui-ts-layout-stack.md b/zh-cn/application-dev/ui/ui-ts-layout-stack.md
index f8e325b570bde2189153c3e317a4ff33d91720b3..7c73280571d6760ec3a3edd3e6df43b49668883f 100644
--- a/zh-cn/application-dev/ui/ui-ts-layout-stack.md
+++ b/zh-cn/application-dev/ui/ui-ts-layout-stack.md
@@ -5,19 +5,19 @@
 
 ## 对齐方式
 
-设置子组件在容器内的对齐方式。支持左上，上中，右上，左，中，右，右下，中下，右下九种对齐方式
+设置子组件在容器内的对齐方式。支持左上，上中，右上，左，中，右，右下，中下，右下九种对齐方式，如下表所示：
 
 |名称|    描述| 图示 |
 |---|	---|---|
-|TopStart|    顶部起始端。|![](figures/stacktopstart.png)|
-Top    |顶部横向居中。|![](figures/stacktop.png)|
-TopEnd|    顶部尾端。|![](figures/stacktopend.png)|
-Start|    起始端纵向居中。|![](figures/stackstart.png)|
-Center|    横向和纵向居中。|![](figures/stackcenter.png)|
-End|    尾端纵向居中。|![](figures/stackend.png)|
-BottomStart    |底部起始端。|![](figures/stackbottomstart.png)|
-Bottom|    底部横向居中。|![](figures/stackbottom.png)|
-BottomEnd|    底部尾端。|![](figures/stackbottomend.png)|
+|TopStart|    顶部起始端 |![](figures/stacktopstart.png)|
+Top    |顶部横向居中 |![](figures/stacktop.png)|
+TopEnd|    顶部尾端 |![](figures/stacktopend.png)|
+Start|    起始端纵向居中 |![](figures/stackstart.png)|
+Center|    横向和纵向居中 |![](figures/stackcenter.png)|
+End|    尾端纵向居中 |![](figures/stackend.png)|
+BottomStart    |底部起始端 |![](figures/stackbottomstart.png)|
+Bottom|    底部横向居中 |![](figures/stackbottom.png)|
+BottomEnd|    底部尾端 |![](figures/stackbottomend.png)|
 
 ## Z序控制
 
@@ -48,12 +48,13 @@ Stack容器中兄弟组件显示层级关系可以通过[zIndex](../reference/ar
       }.width(100).height(100).backgroundColor(0xffd306).zIndex(2)
       Column(){
         Text('Stack子元素2').fontSize(20)
-      }.width(150).height(150).backgroundColor(Color.Pink).zIndex(1)
+      }.width(150).height(150).backgroundColor(C   olor.Pink).zIndex(1)
       Column(){
         Text('Stack子元素3').fontSize(20)
       }.width(200).height(200).backgroundColor(Color.Grey)
     }.margin({ top: 100 }).width(350).height(350).backgroundColor(0xe0e0e0)
     ```
   ![](figures/stack1.png)
+- 
   通过Z序控制实现了显示效果。