vue中el-form-item展开项居中的实现方式
作者：毎天要喝八杯水
这篇文章主要介绍了vue中el-form-item展开项居中的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue中el-form-item展开项居中
可以给el-form-item添加样式 style="width: 100%
最后实现的效果如下：
vue中el-form的特殊样式
1、文字在上，input和select框在下面：
<el-form label-position="top" style="padding:0 30px;"> ...... </el-form> // 默认是在一行的，而且文字向右对齐
2、设置左侧文字的宽度：
<el-form label-width="120px"> ...... </el-form>
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。