diff --git a/front/src/views/abilityStatistics/components/CapabilityRequirements.vue b/front/src/views/abilityStatistics/components/CapabilityRequirements.vue
index 6fef3668..b2d4c45c 100644
--- a/front/src/views/abilityStatistics/components/CapabilityRequirements.vue
+++ b/front/src/views/abilityStatistics/components/CapabilityRequirements.vue
@@ -13,10 +13,16 @@
               backgroundImage: `url(${item.photo}) `,
             }"
           ></div>
-          <div class="name">{{ item.demandSubject }}</div>
-          <div class="text">
-            {{ item.demandDetails }}
-          </div>
+          <a-tooltip>
+            <template #title>{{ item.demandSubject }}</template>
+            <div class="name">{{ item.demandSubject }}</div>
+          </a-tooltip>
+          <a-tooltip>
+            <template #title>{{ item.demandDetails }}</template>
+            <div class="text">
+              {{ item.demandDetails }}
+            </div>
+          </a-tooltip>
           <div class="reply">回复量:{{ item.commentCount }}</div>
           <div class="view-details" @click="viewDetails(item.id)">查看详情</div>
         </div>
@@ -165,6 +171,10 @@
           font-size: 16px;
           color: #212121;
           margin-bottom: 24px;
+          width: 226px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
         .text {
           width: 100%;
@@ -175,6 +185,10 @@
           font-size: 14px;
           color: #666;
           text-align: center;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 3;
+          -webkit-box-orient: vertical;
         }
         .view-details {
           width: 75px;