使用element ui 组件的时候，如果使用两个或多个按钮在同一个单元格内，按钮会竖着排列，但是不能够对齐怎么解决？

问题例子如下：

我们发现查看和报名并不是对齐的，解决操作如下

打开浏览器的开发者模式，我的是搜狐浏览器（按F12就可以弹出）

点击右上角的方框套箭头的图标，再将鼠标移到绿色的报名按钮上点击一下，我们发现这个按钮有一个自带的左边距10px

那么我们在代码中给这个按钮的左边距设置成0即可，代码如下：

<el-table-column align="center" label="操作">
   <template slot-scope="scope" width="100px">
     <el-button size="medium" type="primary" v-if="scanAssociationActivity" icon="el-icon-search"  @click="clickScan(scope.$index, scope.row)">查看</el-button>
     <el-button size="medium" style="margin-left: 0" type="success" v-if="addEnroll" icon="el-icon-check"  @click="clickEnroll(scope.$index, scope.row)">报名</el-button>
   </template>
</el-table-column>

最终效果图：