diff --git a/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue b/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
index cf5b5aa..a2e652b 100644
--- a/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
+++ b/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
@@ -34,7 +34,7 @@
             <span v-if="!documentDetail.splitRules">
               -
             </span>
-            <div v-else class="flex">
+            <div v-else class="flex" style="flex-wrap: wrap">
               <div v-for="item in documentDetail.splitRules" :key="item.id" class="rule-detail-item">
                 <div>
                   <p class="rule-label">样式</p>
@@ -56,7 +56,7 @@
             <span v-if="!documentDetail.extractRules">
               -
             </span>
-            <div v-else class="flex">
+            <div v-else class="flex" style="flex-wrap: wrap">
               <div v-for="item in documentDetail.extractRules" :key="item.id" class="rule-detail-item">
                 <div>
                   <p class="rule-label">属性</p>
@@ -72,11 +72,15 @@
                 </div>
                 <div>
                   <p class="rule-label">关键词示例</p>
-                  <span class="rule-value">{{ item.example }}</span>
+                  <el-tooltip class="item" effect="dark" :content="item.example" placement="top">
+                    <p class="rule-value">{{ item.example }}</p>
+                  </el-tooltip>
                 </div>
                 <div>
                   <p class="rule-label">提示词</p>
-                  <span class="rule-value">{{ item.prompt }}</span>
+                  <el-tooltip class="item" effect="dark" :content="item.prompt" placement="top">
+                    <p class="rule-value">{{ item.prompt }}</p>
+                  </el-tooltip>
                 </div>
               </div>
             </div>
@@ -274,6 +278,11 @@ export default {
         color: #606266;
         font-weight: 500;
         margin-left: 15px;
+        width: 200px;
+        display: inline-block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
     }
   }