elementui icon 水平居中

要使ElementUI图标水平居中，可以使用以下方法：

1. 使用flex布局：将图标所在的父元素设置为flex布局，并使用justify-content属性将内容水平居中。例如：

<div class="icon-wrapper">
  <i class="el-icon-search"></i>
</div>

.icon-wrapper {
  display: flex;
  justify-content: center;
}

2. 使用text-align属性：将图标所在的父元素设置为块级元素，并使用text-align属性将内容居中对齐。例如：

<div class="icon-wrapper">
  <i class="el-icon-search"></i>
</div>

.icon-wrapper {
  display: block;
  text-align: center;
}

3. 使用绝对定位和transform属性：将图标所在的父元素设置为相对定位，并使用绝对定位和transform属性将图标居中。例如：

<div class="icon-wrapper">
  <i class="el-icon-search"></i>
</div>

.icon-wrapper {
  position: relative;
}

.icon-wrapper i {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

以上是三种常用的方法，根据实际情况选择适合的方法即可。希望对你有帮助！