vue中el-form-item展开项居中的实现方式

更新时间：2023年10月17日 09:26:36 作者：毎天要喝八杯水

这篇文章主要介绍了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>

总结

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

您可能感兴趣的文章:

Vue一个案例引发的递归组件的使用详解
这篇文章主要介绍了Vue一个案例引发的递归组件的使用，本文主要给大家展示如何在项目中使用递归组件，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2018-11-11
浅谈vue中所有的封装方式总结
因为现在vue的流行,vue的各种插件都出来了,我们公司也是使用vue做项目，那么应该如何封装，本文就介绍一下如何封装，感兴趣的可以了解一下
2021-07-07
解决vant的Cascader级联选择组建css样式错乱问题
这篇文章主要介绍了解决vant的Cascader级联选择组建css样式错乱问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-07-07
vue+webpack模拟后台数据的示例代码
这篇文章主要介绍了vue+webpack模拟后台数据的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-07
vue和react中关于插槽详解
这篇文章主要介绍了vue和react中关于插槽详解，slot插槽是Vue对组件嵌套这种扩展机制的称谓，在react可以也这样称呼，但是并不很常见。不过叫slot确实很形象
2022-08-08
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
今天小编就为大家分享一篇基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-08-08
一步步详细讲解vue3配置ESLint
ESLint主要用于代码规范、统一代码风格,下面这篇文章主要给大家介绍了关于vue3配置ESLint的相关资料,文中通过图文以及实例代码介绍的非常详细,需要的朋友可以参考下
2023-01-01
深入探讨Vue 3中的组合式函数编程方式
Vue 3中引入了组合式函数编程方式，可以更好地实现代码的复用和可维护性。通过定义可组合的函数，可以将组件的逻辑和状态进行拆分和组合，实现更灵活的代码组织方式。同时，组合式函数也支持响应式数据和生命周期钩子函数，更加贴近Vue开发的实际场景
2023-05-05
vue使用Element的Tree树形控件实现拖动改变节点顺序方式
这篇文章主要介绍了vue使用Element的Tree树形控件实现拖动改变节点顺序方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-12-12
Vue高效更新UI的方法详解
在现代前端开发中,Vue.js以其高效的响应式数据绑定和视图更新机制著称,而这一切的核心技术之一就是虚拟DOM和Diff算法,本文将详细介绍虚拟DOM的概念、Diff算法的工作原理,以及Vue如何利用这些技术高效地更新UI,需要的朋友可以参考下
2025-02-02