diff --git a/dist/tab/index.wxss b/dist/tab/index.wxss
index d8fa0b03..70a6cabe 100644
--- a/dist/tab/index.wxss
+++ b/dist/tab/index.wxss
@@ -40,6 +40,9 @@
   display: block;
   white-space: nowrap;
 }
+.zui-tab__bd--scroll .zui-tab__item {
+  min-width: 80px;
+}
 .zui-tab__bd--scroll .zui-tab__text {
   margin: 0 20px;
 }
diff --git a/example/tab/index.js b/example/tab/index.js
index 337d8a39..3cb9fcc8 100644
--- a/example/tab/index.js
+++ b/example/tab/index.js
@@ -44,6 +44,29 @@ Page(Object.assign({}, ZUI.Tab, {
       }],
       selectedId: '1',
       scroll: true
+    },
+    tab3: {
+      list: [{
+        id: '1',
+        title: '商品1'
+      }, {
+        id: '2',
+        title: '商品2'
+      }, {
+        id: '3',
+        title: '商品3'
+      }, {
+        id: '4',
+        title: '商品4'
+      }, {
+        id: '5',
+        title: '商品5'
+      }, {
+        id: '6',
+        title: '商品6'
+      }],
+      selectedId: '1',
+      scroll: true
     }
   },
 
diff --git a/example/tab/index.wxml b/example/tab/index.wxml
index 2acd8f1b..ddddbfa8 100644
--- a/example/tab/index.wxml
+++ b/example/tab/index.wxml
@@ -7,4 +7,7 @@
   <view style="margin: 20px 0">
     <template is="zui-tab" data="{{tab: tab2, componentId: 'tab2'}}"></template>
   </view>
+  <view style="margin: 20px 0">
+    <template is="zui-tab" data="{{tab: tab3, componentId: 'tab3'}}"></template>
+  </view>
 </view>