diff --git a/examples/routers/button.vue b/examples/routers/button.vue
index 2a15e85..c66e7fd 100644
--- a/examples/routers/button.vue
+++ b/examples/routers/button.vue
@@ -1,5 +1,9 @@
 <template>
     <div>
+        <Button type="primary" icon="ios-information-circle" size="small">Search</Button>
+        <Button type="primary" icon="ios-information-circle" size="default">Search</Button>
+        <Button type="primary" icon="ios-information-circle" size="large">Search</Button>
+        <br><br><br>
         <Button to="/menu" @click="hc">Open Menu</Button>
         <Button to="/menu" replace>Open Menu Replace</Button>
         <Button to="//iviewui.com" target="_blank">Open iView</Button>
diff --git a/src/styles/mixins/button.less b/src/styles/mixins/button.less
index 5303afb..04bbdd8 100644
--- a/src/styles/mixins/button.less
+++ b/src/styles/mixins/button.less
@@ -139,6 +139,15 @@
 
     > .@{css-prefix-iconfont} {
         line-height: 1;
+        vertical-align: middle;
+    }
+
+    &-icon-only > .@{css-prefix-iconfont}{
+        vertical-align: baseline;
+    }
+
+    > span{
+        vertical-align: middle;
     }
 
     &,
--
libgit2 0.21.4