diff --git a/src/alert/_example/base.vue b/src/alert/_example/base.vue
index f0e08e6cb..c927fedb3 100644
--- a/src/alert/_example/base.vue
+++ b/src/alert/_example/base.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-space direction="vertical">
+  <t-space style="width: 100%" direction="vertical">
     <t-alert theme="info" :message="infoMessage" />
     <t-alert theme="success" message="这是一条成功的消息提示" />
     <t-alert theme="warning">
diff --git a/src/alert/_example/close.vue b/src/alert/_example/close.vue
index d7468cf3f..82e63d920 100644
--- a/src/alert/_example/close.vue
+++ b/src/alert/_example/close.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-space direction="vertical">
+  <t-space style="width: 100%" direction="vertical">
     <t-alert theme="success" message="这是一条成功的消息提示" close />
     <t-alert theme="info" message="这是一条普通的消息提示" close="知道了" @close="beforeClose" />
     <t-alert
diff --git a/src/alert/_example/collapse.vue b/src/alert/_example/collapse.vue
index 6ac970975..15bfd7e06 100644
--- a/src/alert/_example/collapse.vue
+++ b/src/alert/_example/collapse.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-space>
+  <t-space style="width: 100%">
     <t-alert theme="info" close :max-line="2">
       <span>这是折叠的第一条消息</span>
       <span>这是折叠的第二条消息</span>
diff --git a/src/alert/_example/icon.vue b/src/alert/_example/icon.vue
index 439624f89..0d36d7b71 100644
--- a/src/alert/_example/icon.vue
+++ b/src/alert/_example/icon.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-space direction="vertical">
+  <t-space style="width: 100%" direction="vertical">
     <t-alert theme="info" message="这是一条普通的消息提示" />
     <t-alert theme="warning" message="这是一条警示消息提示" />
     <t-alert theme="error" message="高危操作/出错信息提示" />
diff --git a/src/alert/_example/operation.vue b/src/alert/_example/operation.vue
index 8fd7f8a11..6963a4bce 100644
--- a/src/alert/_example/operation.vue
+++ b/src/alert/_example/operation.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-space>
+  <t-space style="width: 100%">
     <t-alert theme="info" message="这是一条普通的消息提示" close>
       <template #operation>
         <span @click="handleOperation">相关操作</span>
diff --git a/src/alert/_example/title.vue b/src/alert/_example/title.vue
index cbd02481d..d3c7f480e 100644
--- a/src/alert/_example/title.vue
+++ b/src/alert/_example/title.vue
@@ -1,5 +1,5 @@
 <template>
-  <t-space>
+  <t-space style="width: 100%">
     <t-alert theme="info" title="这是一条普通的消息提示" message="这是与普通的消息提示相关的文字辅助说明" close>
       <template #operation>
         <span @click="handleOperation">相关操作</span>