dialog中的form表单怎么让它居中

怎么让这个表单居中显示，我加了一个style，加在form标签下没有效果，加在dialog下，弹窗标题也居中了，怎么才能只让表单整体居中呢？（公共样式我只能添不能改）

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

1条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
dounick 2022-04-17 00:28
关注
如果不能改公共样式，加!important也不行的话，可以试试padding-left修改左内边距，因为你dialog的宽度和form的宽度是固定的

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决 2
无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

dialog弹窗中的form表单怎么让两列中间空点距离 elementui scss
2022-04-15 09:06

回答 1 已采纳代码贴一下
element 中dialog中form表单单选按钮 elementui scss
2022-04-15 08:54

回答 3 已采纳 .el-form /deep/ .el-form__content {margin-left: 10px;}
设置vl-dialog中组件的位置 vue.js 前端
2022-09-21 16:46

回答 1 已采纳这样试试 <el-dialog :visible.sync="detailInfo.open" width="65%" append-to-body :title="detailInfo.ti
form表单的底部居中
2017-11-26 19:00

皮卡洛的博客利用css样式让form表单底部居中首先，我的html代码如下，在form表单中有和标签：<!DOCTYPE html> 底部居中 <form id="zj_form"> <t
element-puls dialog中使用表单验证,required始终报错 elementui vue.js
2021-09-11 11:15

回答 2 已采纳经过实验发现,原因居然是要prop和表单里面的字段相同,也就是要有三个相同的地方,prop,表单字段,rule字段
element Dialog对话框表单数据无法清除 chrome firefox javascript vue.js
2021-01-08 13:58

回答 20 已采纳知道了，打开对话框为修改时，加个定时器赋数据，搞定🤣
vue中使用element ui的dialog问题 ui vue.js 前端有问必答
2021-11-26 10:28

回答 3 已采纳 <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClos
亲测有效--设置form表单居中
2020-05-13 12:53

嗯编程的博客 CSS样式 margin-left margin-right设置为auto 还需要设置宽度才能生效宽度和form 表单中元素内容一致
Vue+Element UI dialog中动态加载不同的子组件，如何实现？ elementui vue.js 前端
2021-09-18 09:53

回答 4 已采纳把不同的表单做成子组件吧，例如 Form1.vue(假设name 是form1), Form2.vue(假设name 是form2), Form3.vue(假设name 是form3),然后再封装一层
懂Avue的大神，点击dialog中的提交按钮，表单被锁定不能再次编辑 javascript vue.js 开发语言
2019-05-10 14:23

回答 2 已采纳自己解决了，在更新或者新增方法上添加参数loading，调用后台请求前调用一下loading，loading是一个函数。以新增为例： handleSave: function(row, don
移动端页面缩放仿dialog弹出不居中
2016-05-18 02:56

回答 1 已采纳禁止缩放，要不缩放了大小改变肯定不居中了，artDialog主要是pc端用，移动端事件没添加 ``` ```
elementui的form表单元素默认居中的问题得解决
2020-12-03 16:23

一口木桶饭的博客在利用elementui写表单的时候，由于表单中涉及多种...估计是因为elementui的版本不一致，可能是vue-cli中elementui版本默认表单元素是居中的。对比发现vue-cli版本中的elementui默认是有text-align="center"的，
el-dialog 内容居中(表单)
2021-09-03 11:14

aʊsnail的博客 dialog内容,默认左对齐 .el-dialog__body{ display:flex; justify-content:center; align-content:center; }
elementplus表单位置居中
2024-09-02 17:30

wujiada001的博客要使Element Plus表单居中显示，可以使用Flexbox布局。确保表单至少有100%的视口高度，即使内容不够也会占满整个视口。属性来使表单在页面中水平和垂直居中。是为了让表单项垂直排列。
ElementUI的Form表单居中
2020-07-21 14:57

我的哥哥呦的博客 /deep/.el-dialog__body{ display: inline-block; } 多次尝试发现改不了css，应在前面加上/deep/
element的dialog如何居中
2022-03-30 10:20

星银色飞行船的博客 style=“width: 50%; margin: 0 auto 50px;” <el-dialog title="用户编辑" :visible.sync="userDialogFormVisible" style="width: 50%; margin: 0 auto 50px;">
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已结题（查看结题原因） 4月21日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 4月18日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 4月16日

dialog中的form表单怎么让它居中

1条回答 默认 最新

问题事件

1条回答默认最新