diff --git a/docs/.vitepress/vitepress/components/globals/resource.vue b/docs/.vitepress/vitepress/components/globals/resource.vue
index c30f85a26e..ba3c56bbdb 100644
--- a/docs/.vitepress/vitepress/components/globals/resource.vue
+++ b/docs/.vitepress/vitepress/components/globals/resource.vue
@@ -149,7 +149,7 @@ const resourceCards = computed(() => [
     color: #99a9bf;
     padding: 0 30px;
     margin: 0;
-    word-break: break-word;
+    overflow-wrap: break-word;
     line-height: 1.8;
     min-height: 75px;
     margin-bottom: 16px;
diff --git a/docs/.vitepress/vitepress/styles/content.scss b/docs/.vitepress/vitepress/styles/content.scss
index 499c2d596b..b68b3aebf6 100644
--- a/docs/.vitepress/vitepress/styles/content.scss
+++ b/docs/.vitepress/vitepress/styles/content.scss
@@ -28,7 +28,6 @@
     align-items: center;
     &.vp-link {
       white-space: nowrap;
-      word-break: keep-all;
     }
     .link-icon {
       margin-left: 0.25rem;
diff --git a/packages/theme-chalk/src/date-picker/picker.scss b/packages/theme-chalk/src/date-picker/picker.scss
index c5c24606cc..50c6e6b3e3 100644
--- a/packages/theme-chalk/src/date-picker/picker.scss
+++ b/packages/theme-chalk/src/date-picker/picker.scss
@@ -122,7 +122,7 @@
     padding: 0 5px;
     margin: 0;
     font-size: 14px;
-    word-break: keep-all;
+    overflow-wrap: break-word;
     color: getCssVar('text-color', 'primary');
   }
 
diff --git a/packages/theme-chalk/src/image-viewer.scss b/packages/theme-chalk/src/image-viewer.scss
index 160ae3ccbe..11b6bb2dea 100644
--- a/packages/theme-chalk/src/image-viewer.scss
+++ b/packages/theme-chalk/src/image-viewer.scss
@@ -69,7 +69,6 @@
     @include e(actions__inner) {
       width: 100%;
       height: 100%;
-      text-align: justify;
       cursor: default;
       font-size: 23px;
       color: #fff;
diff --git a/packages/theme-chalk/src/message-box.scss b/packages/theme-chalk/src/message-box.scss
index 8ac6a19447..e5a938aa58 100644
--- a/packages/theme-chalk/src/message-box.scss
+++ b/packages/theme-chalk/src/message-box.scss
@@ -140,7 +140,7 @@
     + .#{$namespace}-message-box__message {
       padding-left: 36px;
       padding-right: 12px;
-      word-break: break-word;
+      overflow-wrap: break-word;
     }
 
     @each $type in (success, info, warning, error) {
diff --git a/packages/theme-chalk/src/message.scss b/packages/theme-chalk/src/message.scss
index 9fb9959bae..5240595a87 100644
--- a/packages/theme-chalk/src/message.scss
+++ b/packages/theme-chalk/src/message.scss
@@ -52,7 +52,7 @@
 
       .#{$namespace}-message__content {
         color: getCssVar('message', 'text-color');
-        overflow-wrap: anywhere;
+        overflow-wrap: break-word;
       }
     }
 
diff --git a/packages/theme-chalk/src/notification.scss b/packages/theme-chalk/src/notification.scss
index 3f68cd2fd7..a7cc4c12d7 100644
--- a/packages/theme-chalk/src/notification.scss
+++ b/packages/theme-chalk/src/notification.scss
@@ -21,7 +21,7 @@
     left getCssVar('transition-duration'),
     right getCssVar('transition-duration'), top 0.4s,
     bottom getCssVar('transition-duration');
-  overflow-wrap: anywhere;
+  overflow-wrap: break-word;
   overflow: hidden;
   z-index: 9999;
 
@@ -51,7 +51,6 @@
     line-height: 24px;
     margin: 6px 0 0;
     color: getCssVar('notification-content-color');
-    text-align: justify;
 
     p {
       margin: 0;
diff --git a/packages/theme-chalk/src/popover.scss b/packages/theme-chalk/src/popover.scss
index c58918225c..b3f3d48738 100644
--- a/packages/theme-chalk/src/popover.scss
+++ b/packages/theme-chalk/src/popover.scss
@@ -14,10 +14,9 @@
     z-index: getCssVar('index-popper');
     color: getCssVar('text-color', 'regular');
     line-height: 1.4;
-    text-align: justify;
     font-size: getCssVar('popover-font-size');
     box-shadow: getCssVar('box-shadow-light');
-    word-break: break-all;
+    overflow-wrap: break-word;
     box-sizing: border-box;
 
     @include m(plain) {
diff --git a/packages/theme-chalk/src/popper.scss b/packages/theme-chalk/src/popper.scss
index 0b2823348f..76cd479b2f 100644
--- a/packages/theme-chalk/src/popper.scss
+++ b/packages/theme-chalk/src/popper.scss
@@ -14,7 +14,7 @@
   font-size: 12px;
   line-height: 20px;
   min-width: 10px;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   visibility: visible;
 
   $arrow-selector: #{& + '__arrow'};
diff --git a/packages/theme-chalk/src/step.scss b/packages/theme-chalk/src/step.scss
index 38beb40ec2..72185523eb 100644
--- a/packages/theme-chalk/src/step.scss
+++ b/packages/theme-chalk/src/step.scss
@@ -276,7 +276,7 @@
     @include pseudo('not(:last-of-type)') {
       @include e(title) {
         max-width: 50%;
-        word-break: break-all;
+        overflow-wrap: break-word;
       }
     }
 
diff --git a/packages/theme-chalk/src/table-v2.scss b/packages/theme-chalk/src/table-v2.scss
index 43df629d09..036c676878 100644
--- a/packages/theme-chalk/src/table-v2.scss
+++ b/packages/theme-chalk/src/table-v2.scss
@@ -221,7 +221,7 @@
       overflow: hidden;
       align-items: stretch;
       @include e('row-cell') {
-        word-break: break-all;
+        overflow-wrap: break-word;
       }
     }
   }
diff --git a/packages/theme-chalk/src/table.scss b/packages/theme-chalk/src/table.scss
index e88f4f267d..534ec36e6f 100755
--- a/packages/theme-chalk/src/table.scss
+++ b/packages/theme-chalk/src/table.scss
@@ -184,7 +184,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
-    word-break: break-all;
+    overflow-wrap: break-word;
     line-height: 23px;
     padding: 0 12px;
 
diff --git a/packages/theme-chalk/src/text.scss b/packages/theme-chalk/src/text.scss
index 5bd8f33a29..ef509ec64a 100644
--- a/packages/theme-chalk/src/text.scss
+++ b/packages/theme-chalk/src/text.scss
@@ -14,7 +14,7 @@
   padding: 0;
   font-size: getCssVar('text', 'font-size');
   color: getCssVar('text', 'color');
-  word-break: break-all;
+  overflow-wrap: break-word;
 
   @include when(truncated) {
     display: inline-block;