diff --git a/src/tab/demo/index.vue b/src/tab/demo/index.vue
index 9d24cac71..bcd50a70a 100644
--- a/src/tab/demo/index.vue
+++ b/src/tab/demo/index.vue
@@ -182,7 +182,7 @@ export default {
   }
 
   .van-tab__pane {
-    padding: 25px 20px;
+    padding: 24px 20px;
     background-color: @white;
   }
 
diff --git a/src/tab/test/__snapshots__/demo.spec.js.snap b/src/tab/test/__snapshots__/demo.spec.js.snap
index c18dfd672..d1077822e 100644
--- a/src/tab/test/__snapshots__/demo.spec.js.snap
+++ b/src/tab/test/__snapshots__/demo.spec.js.snap
@@ -53,15 +53,15 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-tabs van-tabs--line">
       <div class="van-tabs__wrap van-tabs__wrap--scrollable">
-        <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-          <div role="tab" aria-selected="true" class="van-tab van-tab--active" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
-          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
-          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 5</span></div>
-          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 6</span></div>
-          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 7</span></div>
-          <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 8</span></div>
+        <div role="tablist" class="van-tabs__nav van-tabs__nav--line van-tabs__nav--complete">
+          <div role="tab" aria-selected="true" class="van-tab van-tab--active van-tab--complete"><span class="van-tab__text">标签 1</span></div>
+          <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 2</span></div>
+          <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 3</span></div>
+          <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 4</span></div>
+          <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 5</span></div>
+          <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 6</span></div>
+          <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 7</span></div>
+          <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 8</span></div>
           <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
         </div>
       </div>
@@ -276,15 +276,15 @@ exports[`renders demo correctly 1`] = `
       <div>
         <div class="van-sticky">
           <div class="van-tabs__wrap van-tabs__wrap--scrollable">
-            <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
-              <div role="tab" aria-selected="true" class="van-tab van-tab--active" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 1</span></div>
-              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 2</span></div>
-              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 3</span></div>
-              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 4</span></div>
-              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 5</span></div>
-              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 6</span></div>
-              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 7</span></div>
-              <div role="tab" class="van-tab" style="flex-basis: 17.6%;"><span class="van-tab__text van-tab__text--ellipsis">标签 8</span></div>
+            <div role="tablist" class="van-tabs__nav van-tabs__nav--line van-tabs__nav--complete">
+              <div role="tab" aria-selected="true" class="van-tab van-tab--active van-tab--complete"><span class="van-tab__text">标签 1</span></div>
+              <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 2</span></div>
+              <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 3</span></div>
+              <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 4</span></div>
+              <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 5</span></div>
+              <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 6</span></div>
+              <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 7</span></div>
+              <div role="tab" class="van-tab van-tab--complete"><span class="van-tab__text">标签 8</span></div>
               <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
             </div>
           </div>
diff --git a/src/tabs/Title.js b/src/tabs/Title.js
index 0f3e481fc..97c57537b 100644
--- a/src/tabs/Title.js
+++ b/src/tabs/Title.js
@@ -11,7 +11,6 @@ export default createComponent({
     color: String,
     title: String,
     isActive: Boolean,
-    ellipsis: Boolean,
     disabled: Boolean,
     scrollable: Boolean,
     activeColor: String,
@@ -58,7 +57,7 @@ export default createComponent({
 
     genText() {
       const Text = (
-        <span class={bem('text', { ellipsis: this.ellipsis })}>
+        <span class={bem('text', { ellipsis: !this.scrollable })}>
           {this.slots() || this.title}
         </span>
       );
@@ -85,7 +84,7 @@ export default createComponent({
           bem({
             active: this.isActive,
             disabled: this.disabled,
-            complete: !this.ellipsis,
+            complete: this.scrollable,
           }),
         ]}
         style={this.style}
diff --git a/src/tabs/index.js b/src/tabs/index.js
index 2a872d981..00f3383f5 100644
--- a/src/tabs/index.js
+++ b/src/tabs/index.js
@@ -364,7 +364,7 @@ export default createComponent({
   },
 
   render() {
-    const { type, ellipsis, animated, scrollable } = this;
+    const { type, animated, scrollable } = this;
 
     const Nav = this.children.map((item, index) => (
       <Title
@@ -377,7 +377,6 @@ export default createComponent({
         color={this.color}
         style={item.titleStyle}
         isActive={index === this.currentIndex}
-        ellipsis={ellipsis}
         disabled={item.disabled}
         scrollable={scrollable}
         activeColor={this.titleActiveColor}
@@ -403,7 +402,7 @@ export default createComponent({
         <div
           ref="nav"
           role="tablist"
-          class={bem('nav', [type, { complete: !ellipsis }])}
+          class={bem('nav', [type, { complete: this.scrollable }])}
           style={this.navStyle}
         >
           {this.slots('nav-left')}