diff --git a/front/src/styles/index.scss b/front/src/styles/index.scss
index 6007e1b36e38818846497cb22391ca22f7d6d248..0bd90f6abbb4a70d5ee4e9d33d004e7bbb3ea317 100644
--- a/front/src/styles/index.scss
+++ b/front/src/styles/index.scss
@@ -346,6 +346,14 @@ fieldset {border: 1px solid #DCDFE6;padding: 20px;}
   color: #909399;
 }
 
+.doc-descr{
+  display: flex;
+
+  span{
+    display: inline-block;
+  }
+}
+
 .v-note-wrapper {z-index: 1 !important;}
 .normal-menu {height: 100%;}
 .doc-modify-info {
diff --git a/front/src/views/doc/DocView/index.vue b/front/src/views/doc/DocView/index.vue
index 6e3300566c4302b05da505258b5c087c736a87fc..3489c0ee17a5c261412e9916d1d50b1dc1de5d02 100644
--- a/front/src/views/doc/DocView/index.vue
+++ b/front/src/views/doc/DocView/index.vue
@@ -38,7 +38,10 @@
     <span v-else class="debug-url">
       <http-method :method="docInfo.httpMethod" /> {{ docInfo.url }}
     </span>
-    <h4 v-if="docInfo.description">{{ $ts('description') }}：<span>{{ docInfo.description }}</span></h4>
+    <h4 v-if="docInfo.description" class='doc-descr'>
+      <div>{{ $ts('description') }}：</div>
+      <span v-html="docInfo.description.replace(/\n/g,'<br />')"></span>
+    </h4>
     <h4 v-if="docInfo.contentType">ContentType：<span>{{ docInfo.contentType }}</span></h4>
     <div v-if="docInfo.pathParams.length > 0">
       <h4>{{ $ts('pathVariable') }}</h4>