Element-UI控件上下居中，比如el-input上下居中顯示

本文只記錄我自己用過的，沒有用過的暫時無法記錄，如果碰到有問題的可以找我一起交流找辦法。

1. el-input、el-button
2. el-avatar

1. el-input、el-button

<div class="home_input">
	<el-input placeholder="請輸入內容" v-model="search_text">
    	<el-button slot="append" icon="el-icon-search"></el-button>
    </el-input>
</div>

 data() {
    return {
      search_text: ''
    }
  },

.home_input {
  line-height: 60px;
}

效果圖：

2. el-avatar

<div class="title_right">
     <el-avatar
         class="md_headpic"
         :size="50"
         src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
         @error="errorHandler"
     >
         <img :src="error_url" />
     </el-avatar>
</div>

.title_right {
  line-height: 80px;
}
.md_headpic {
  border: none;
  vertical-align: middle;
  margin-left: 10px;
}

效果圖