diff --git a/src/components/TitleHead.vue b/src/components/TitleHead.vue
index 3bb59d7..fa69d6d 100644
--- a/src/components/TitleHead.vue
+++ b/src/components/TitleHead.vue
@@ -19,12 +19,16 @@ export default {
   background-size: 100% 100%;
   background-repeat: no-repeat;
   .text {
+    width: 90%;
     font-size: 15px;
     font-weight: 600;
     color: #ffffff;
     line-height: 12px;
     padding-top: 33px;
     margin-left: 11px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
   }
 }
 </style>
diff --git a/src/views/faceteach/FaceTeach.vue b/src/views/faceteach/FaceTeach.vue
index 3b7b2c2..069c1fe 100644
--- a/src/views/faceteach/FaceTeach.vue
+++ b/src/views/faceteach/FaceTeach.vue
@@ -11,7 +11,7 @@
                 style="width: 13px; height: 14.5px; margin-right: 5.5px"
                 src="../../assets/image/faceteach/time.png"
               />
-              <div style="font-size: 12px; color: rgba(110, 123, 132, 1)">
+              <div style="font-size: 12px; color: rgba(110, 123, 132, 1);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 120px;">
                 {{
                   dayjs(data.planDto?.beginTime).format("YYYY-MM-DD HH:mm") +
                   " 至 " +
@@ -24,7 +24,7 @@
                 style="width: 13px; height: 15px; margin-right: 5.5px"
                 src="../../assets/image/faceteach/position.png"
               />
-              <div style="font-size: 12px; color: rgba(110, 123, 132, 1)">
+              <div style="font-size: 12px; color: rgba(110, 123, 132, 1);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 120px;">
                 {{ data.planDto?.address }}
               </div>
             </div>