diff --git a/app/src/assets/scss/component/_typography.scss b/app/src/assets/scss/component/_typography.scss
index c23b8255c..4adf5fae3 100644
--- a/app/src/assets/scss/component/_typography.scss
+++ b/app/src/assets/scss/component/_typography.scss
@@ -504,12 +504,29 @@
   table {
     margin: 1em 0;
 
+    &[style*="direction: ltr"] {
+      margin-left: unset;
+      margin-right: auto;
+    }
+
+    &[style*="direction: rtl"] {
+      margin-left: auto;
+      margin-right: unset;
+    }
+
+    &[style*="text-align: left"] {
+      margin-left: unset;
+      margin-right: auto;
+    }
+
     &[style*="text-align: center"] {
-      margin: auto;
+      margin-left: auto;
+      margin-right: auto;
     }
 
     &[style*="text-align: right"] {
       margin-left: auto;
+      margin-right: unset;
     }
   }
 
diff --git a/app/src/assets/scss/export.scss b/app/src/assets/scss/export.scss
index 93b6dcfff..c9a4292ec 100644
--- a/app/src/assets/scss/export.scss
+++ b/app/src/assets/scss/export.scss
@@ -35,12 +35,29 @@ svg {
 }
 
 .protyle-wysiwyg .table[data-node-id] {
+  &[style*="direction: ltr"] {
+    margin-left: unset;
+    margin-right: auto;
+  }
+
+  &[style*="direction: rtl"] {
+    margin-left: auto;
+    margin-right: unset;
+  }
+
+  &[style*="text-align: left"] {
+    margin-left: unset;
+    margin-right: auto;
+  }
+
   &[style*="text-align: center"] {
-    margin: auto;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   &[style*="text-align: right"] {
     margin-left: auto;
+    margin-right: unset;
   }
 }
 
diff --git a/app/src/util/assets.ts b/app/src/util/assets.ts
index 26b91f315..82d5bf065 100644
--- a/app/src/util/assets.ts
+++ b/app/src/util/assets.ts
@@ -272,6 +272,10 @@ export const setInlineStyle = async (set = true) => {
 .protyle-wysiwyg [data-node-id].li::before {
     right: 17px;
     left: auto;
+}
+.b3-typography table {
+  margin-left: auto;
+  margin-right: unset;
 }`;
     }
     style += `\n:root{--b3-font-size-editor:${window.siyuan.config.editor.fontSize}px}