vue element-ui el-col css显示一致性问题

Question

问题， el-button 和 html a标签 放在 html div 都是居中对齐。
但是如果放在 el-col中， a标签变成了align top 。
为什么会出现样式不一致， 是bug还是？

代码：https://jsfiddle.net/5c436ghf/

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.0.10/lib/index.js"></script>
<div id="app">
<el-row>
  <el-col :span=8><el-button type="primary" >这是el-col内的button</el-button></el-col>
  <el-col :span=8><a href="">这是el-col内的link（align top了）</a></el-col>
</el-row>
<div style="height:2em;" />
</div>
<div>
  <el-button type="primary" >这是一个button(align center)</el-button>
  <a href="">这是一个link</a>
</div>
</div>

Answer 1

1.<el-col :span=8>被element-ui的render后转换为一个有有class的el-col和el-col-8,而对应element-ui.css里面设置了float属性,浮动了之后就是向顶部挤
2.而原生div中a标签文字就默认是居中
3.希望可以帮到你

Answer 2

我也是遇到了相同的问题