diff --git a/packages/nav-bar/index.vue b/packages/nav-bar/index.vue
index 261680a53..508c47a4f 100644
--- a/packages/nav-bar/index.vue
+++ b/packages/nav-bar/index.vue
@@ -10,7 +10,7 @@
         <span v-if="leftText" v-text="leftText" class="van-nav-bar__text" />
       </slot>
     </div>
-    <div class="van-nav-bar__title">
+    <div class="van-nav-bar__title van-ellipsis">
       <slot name="title">{{ title }}</slot>
     </div>
     <div class="van-nav-bar__right" @click="$emit('click-right')">
diff --git a/packages/vant-css/src/nav-bar.css b/packages/vant-css/src/nav-bar.css
index b12d5e8c7..ec2c00fd0 100644
--- a/packages/vant-css/src/nav-bar.css
+++ b/packages/vant-css/src/nav-bar.css
@@ -30,6 +30,8 @@
   }
 
   &__title {
+    margin: 0 auto;
+    max-width: 60%;
     font-size: 16px;
   }