diff --git a/examples/sites/demos/pc/app/layout/alignment-composition-api.vue b/examples/sites/demos/pc/app/layout/alignment-composition-api.vue
index eaad251618..933c2706b5 100644
--- a/examples/sites/demos/pc/app/layout/alignment-composition-api.vue
+++ b/examples/sites/demos/pc/app/layout/alignment-composition-api.vue
@@ -123,6 +123,12 @@ import { Layout as TinyLayout, Row as TinyRow, Col as TinyCol } from '@opentiny/
   background-color: #f9fafc;
 }
 
+.row-bg .col {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .align {
   height: 120px;
 }
diff --git a/examples/sites/demos/pc/app/layout/alignment.vue b/examples/sites/demos/pc/app/layout/alignment.vue
index b73402cde7..d127162846 100644
--- a/examples/sites/demos/pc/app/layout/alignment.vue
+++ b/examples/sites/demos/pc/app/layout/alignment.vue
@@ -131,6 +131,12 @@ export default {
   background-color: #f9fafc;
 }
 
+.row-bg .col {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .align {
   height: 120px;
 }