el-form-item 居中

要将el-form-item居中，有几种方法可以实现。

第一种方法是通过绝对定位的方式实现。首先给父容器添加相对定位的样式，然后给子容器添加绝对定位的样式，并设置top和left为50%，同时使用负margin将子容器向左上角偏移自身宽高的一半。具体的CSS代码如下：

#big_box {
  border: 1px solid red;
  width: 18.75rem;
  height: 18.75rem;
  position: relative;
}

#box {
  border: 1px solid red;
  width: 6.25rem;
  height: 6.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3.125rem;
  margin-top: -3.125rem;
}

第二种方法是利用display属性来实现。给父容器设置display:flex，并使用justify-content和align-items属性将子容器居中。具体的CSS代码如下：

#big_box {
  border: 1px solid red;
  width: 18.75rem;
  height: 18.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#box {
  border: 1px solid red;
  width: 6.25rem;
  height: 6.25rem;
}

第三种方法是利用CSS3的新增属性table-cell来实现。给父容器设置display:table-cell，并使用vertical-align和margin:auto将子容器居中。具体的CSS代码如下：

#big_box {
  border: 1px solid red;
  width: 18.75rem;
  height: 18.75rem;
  display: table-cell;
  vertical-align: middle;
}

#box {
  border: 1px solid red;
  width: 6.25rem;
  height: 6.25rem;
  margin: auto;
}

以上是三种常用的方法来实现el-form-item的居中效果。你可以根据实际情况选择合适的方法来使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>