diff --git a/jero-web/src/views/documentManage/library/docDetail/index.vue b/jero-web/src/views/documentManage/library/docDetail/index.vue
index ecab1cebb..7d1380177 100644
--- a/jero-web/src/views/documentManage/library/docDetail/index.vue
+++ b/jero-web/src/views/documentManage/library/docDetail/index.vue
@@ -104,7 +104,7 @@
                               @click="breakdown(valItem)"
                               v-if="valItem.splitFlag == 1"
                               :title="$t('StandardBreakdown')"
-                              type="profile" />
+                              type="profile"/>
                     </div>
                   </div>
                 </div>
@@ -673,7 +673,7 @@
           if (res.success) {
             this.rightTitleList = res.result
             this.rightTitleList.push({
-              name:this.$t('DetailsPhasedImplementation'),
+              name: this.$t('DetailsPhasedImplementation')
             })
           } else {
             this.rightTitleList = []
@@ -857,7 +857,8 @@
             color: #040B29;
             font-weight: bold;
           }
-          .text-field-right-text{
+
+          .text-field-right-text {
             width: calc(50% - 140px);
           }
         }
@@ -1000,16 +1001,28 @@
     margin-right: 10px
   }
 
+  .TextInformation {
+    display: flex;
+    flex-wrap: wrap;
+  }
+
   .TextInformation-box {
-    width: 100%;
+    width: calc(50% - 10px);
     height: auto;
+    display: inline-block;
     overflow: hidden;
+    margin-right: 20px;
+  }
+
+  .TextInformation-box:nth-child(even) {
+    margin-right: 0;
   }
 
   .TextInformation-box-title {
     background: #F5F6F7;
     border-radius: 4px;
     width: 100%;
+    display: inline-block;
     height: 56px;
     padding: 0 16px;
     line-height: 56px;