From 8a9d0136a76d5ae3f4805cb81a4e908bb3ad74c4 Mon Sep 17 00:00:00 2001
From: Jeffrey Chen <78434827+TCOTC@users.noreply.github.com>
Date: Sun, 8 Jun 2025 22:34:14 +0800
Subject: [PATCH] :lipstick: Improve the alignment in table exports (#14990)

---
 app/src/assets/scss/component/_typography.scss | 10 ++++++++++
 app/src/assets/scss/export.scss                | 12 ++++++++++++
 2 files changed, 22 insertions(+)

diff --git a/app/src/assets/scss/component/_typography.scss b/app/src/assets/scss/component/_typography.scss
index 7ed2ed23d..820791b78 100644
--- a/app/src/assets/scss/component/_typography.scss
+++ b/app/src/assets/scss/component/_typography.scss
@@ -229,6 +229,16 @@
     border-spacing: 0;
     width: max-content;
 
+    &[style*="text-align: left"] {
+      margin-right: auto;
+    }
+    &[style*="text-align: center"] {
+      margin: auto;
+    }
+    &[style*="text-align: right"] {
+      margin-left: auto;
+    }
+
     tr:nth-child(even) td {
       background-color: var(--b3-table-even-background);
     }
diff --git a/app/src/assets/scss/export.scss b/app/src/assets/scss/export.scss
index f146f8056..041646491 100644
--- a/app/src/assets/scss/export.scss
+++ b/app/src/assets/scss/export.scss
@@ -34,6 +34,18 @@ svg {
   }
 }
 
+.protyle-wysiwyg .table[data-node-id] {
+  &[style*="text-align: left"] {
+    margin-right: auto;
+  }
+  &[style*="text-align: center"] {
+    margin: auto;
+  }
+  &[style*="text-align: right"] {
+    margin-left: auto;
+  }
+}
+
 @media print {
   // 尽量避免块内分页
   .protyle-wysiwyg [data-node-id] {