diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
index 2647c97526..bc2b408be1 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
@@ -174,20 +174,12 @@ watch(
   }
 )
 const ALIGN_MAP = {
-  'top-align': {
-    display: 'flex',
-    'flex-direction': 'column',
-    'justify-content': 'flex-start'
-  },
+  'top-align': {},
   'center-align': {
-    display: 'flex',
-    'flex-direction': 'column',
-    'justify-content': 'center'
+    margin: 'auto'
   },
   'bottom-align': {
-    display: 'flex',
-    'flex-direction': 'column',
-    'justify-content': 'flex-end'
+    'margin-top': 'auto'
   }
 }
 const wrapperStyle = computed(() => {
@@ -468,6 +460,7 @@ defineExpose({
 
 <style lang="less" scoped>
 .rich-main-class {
+  display: flex;
   font-size: initial;
   width: 100%;
   height: 100%;
@@ -585,7 +578,6 @@ defineExpose({
 
 .custom-text-content {
   width: 100%;
-  height: 100%;
   overflow-y: auto;
   outline: none !important;
   border: none !important;
diff --git a/core/core-frontend/src/custom-component/rich-text/plugins/vertical-content.ts b/core/core-frontend/src/custom-component/rich-text/plugins/vertical-content.ts
index 83a1dabf0b..fa64e47c52 100644
--- a/core/core-frontend/src/custom-component/rich-text/plugins/vertical-content.ts
+++ b/core/core-frontend/src/custom-component/rich-text/plugins/vertical-content.ts
@@ -41,11 +41,11 @@ export default {
       },
       'center-align': {
         component: null,
-        tooltip: '居中'
+        tooltip: '居中,只在内容未溢出时生效'
       },
       'bottom-align': {
         component: null,
-        tooltip: '置底'
+        tooltip: '置底,只在内容未溢出时生效'
       }
     }
     for (const key in btnMap) {