el-form-item标签的label的文字如何实现换行

这是失败案例：

正确案例如下：

代码如下：

 <el-form-item :label="'3.害怕：\n害怕黑暗、陌生人、一人独处、动物、乘车或旅行及人多的场合'" class="fold_label" prop="hamaThree">
          <el-input v-model="form.hamaThree" placeholder="请输入第三题" />
</el-form-item>

<style>
.fold_label{
  white-space: pre-line;
  /*text-align-last: justify;*/
  /*text-align:justify;*/
  margin-top:-4px;
  line-height:25px;
  text-justify:distribute-all-lines;
}
</style>