diff --git a/front/src/styles/index.scss b/front/src/styles/index.scss
index 2ace3a51b4b59eb2d2ef7d2ab5b2a10d2fc44696..afca3a8e3bfc45d02ddf46a3fc6a0012157a9901 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 373b4c04603e70fca0e5b0e60f39562ee91fe3df..cef8827862604341949855225919943f3ebc22b0 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 v-html="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>