vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue中el-form-item展开项居中

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>

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文