diff --git a/src/App.vue b/src/App.vue
index cdaa727e8433c0c71214a1ceb2cf123bf47ddb1b..b6d4ffa1383219dccb3223246eb0d64512b843c0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -127,12 +127,12 @@ export default {
 .container {
   height: 100%;
   display: flex;
-  flex-direction: column;
+  flex-direction: column;/**设置 flex 容器中主轴方向为垂直方向的属性 */
 }
 
 .dialog {
   flex: 1;
-  overflow: auto;
+  overflow: auto;/**浏览器会自动根据元素内容的大小和元素自身的尺寸来判断是否需要显示滚动条 */
 }
 
 .dialog-item {
@@ -142,7 +142,7 @@ export default {
 .dialog-item-main {
   max-width: 80%;
   padding: 8px;
-  word-wrap: break-word;
+  word-wrap: break-word;/**设置当单词（word）太长，一行放不下时的换行规则。 */
   margin-top: 16px;
   border-radius: 4px;
 }