在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Python  HTML/ vue element-ui el-col css顯示一致性問題

vue element-ui el-col css顯示一致性問題

問題, el-button 和 html a標(biāo)簽 放在 html div 都是居中對齊。
但是如果放在 el-col中, a標(biāo)簽變成了align top 。
為什么會(huì)出現(xiàn)樣式不一致, 是bug還是?

代碼:https://jsfiddle.net/5c436ghf/

<script src="http://unpkg.com/vue/dist/vue.js"></script>
<script src="http://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內(nèi)的button</el-button></el-col>
  <el-col :span=8><a href="">這是el-col內(nèi)的link(align top了)</a></el-col>
</el-row>
<div style="height:2em;" />
</div>
<div>
  <el-button type="primary" >這是一個(gè)button(align center)</el-button>
  <a href="">這是一個(gè)link</a>
</div>
</div>

clipboard.png

回答
編輯回答
枕頭人

1.<el-col :span=8>被element-ui的render后轉(zhuǎn)換為一個(gè)有有class的el-col和el-col-8,而對應(yīng)element-ui.css里面設(shè)置了float屬性,浮動(dòng)了之后就是向頂部擠
2.而原生div中a標(biāo)簽文字就默認(rèn)是居中
3.希望可以幫到你

2018年6月17日 16:32