diff --git a/src/packages/navbar/demos/h5/demo2.tsx b/src/packages/navbar/demos/h5/demo2.tsx
index 9d04f15111..05d08776bf 100644
--- a/src/packages/navbar/demos/h5/demo2.tsx
+++ b/src/packages/navbar/demos/h5/demo2.tsx
@@ -52,7 +52,13 @@ const Demo2 = () => {
             back={<ArrowLeft />}
             onBackClick={(e) => Toast.show('返回')}
           >
-            <div style={{ ...styles.flexCenter, flexDirection: 'column' }}>
+            <div
+              style={{
+                ...styles.flexCenter,
+                alignItems: 'flex-start',
+                flexDirection: 'column',
+              }}
+            >
               <span style={styles.title} onClick={(e) => Toast.show('标题')}>
                 页面标题
               </span>
diff --git a/src/packages/navbar/demos/taro/demo2.tsx b/src/packages/navbar/demos/taro/demo2.tsx
index 26c56d10c6..33b71db74c 100644
--- a/src/packages/navbar/demos/taro/demo2.tsx
+++ b/src/packages/navbar/demos/taro/demo2.tsx
@@ -73,7 +73,13 @@ const Demo2 = () => {
             onBackClick={(e) => Taro.showToast({ title: '返回' })}
           >
             <View>
-              <View style={{ ...styles.flexCenter, flexDirection: 'column' }}>
+              <View
+                style={{
+                  ...styles.flexCenter,
+                  alignItems: 'flex-start',
+                  flexDirection: 'column',
+                }}
+              >
                 <View
                   style={styles.title}
                   onClick={(e) => Taro.showToast({ title: '标题' })}