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;
}

效果图