diff --git a/src/project/fd/AppAnswer/answerDetail.vue b/src/project/fd/AppAnswer/answerDetail.vue
index f7fb67a7..a5b9f253 100644
--- a/src/project/fd/AppAnswer/answerDetail.vue
+++ b/src/project/fd/AppAnswer/answerDetail.vue
@@ -80,13 +80,14 @@ export default {
     justify-content: space-between;
     .left {
       display: flex;
+      width: calc(100% - 280px);
       img {
         width: 80px;
         height: 80px;
         margin-right: 16px;
       }
       .head_avtar {
-        width: calc(100% - 96px);
+        max-width: calc(100% - 96px);
       }
     }
     .col-999 {
diff --git a/src/project/fd/AppAnswer/answerList.vue b/src/project/fd/AppAnswer/answerList.vue
index 41c07321..fa53b638 100644
--- a/src/project/fd/AppAnswer/answerList.vue
+++ b/src/project/fd/AppAnswer/answerList.vue
@@ -127,13 +127,22 @@ export default {
       border-radius: 16px 16px 0 0;
       .left {
         display: flex;
+        width: calc(100% - 280px);
         img {
           width: 80px;
           height: 80px;
           margin-right: 16px;
         }
         .card_head_avtar {
-          width: calc(100% - 96px);
+          max-width: calc(100% - 96px);
+          h4,
+          div {
+            overflow: hidden; 
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+          }
         }
       }