位置: IT常识 - 正文

element plus组件居中显示(elementui常用组件)

编辑:rootadmin
element plus组件居中显示 element plus组件内容居中显示

推荐整理分享element plus组件居中显示(elementui常用组件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:element组件 table,element组件居中,element组件官网,element组件扩展,element组件 table,element组件居中,element组件扩展,element组件居中,内容如对您有帮助,希望把文章链接给更多的朋友!

element plus组件居中显示(elementui常用组件)

今天用Element UI做一个分页,发现所有组件都无法实现居中显示,百度了大部分都是text-align:center,但我试了都不管用,自己研究了半天终于找到了解决办法。

<el-form ref="ruleForm" label-width="100px"> <el-form-item label-width="0"> <el-button>确认</el-button> </el-form-item> </el-form>

以上按钮默认居左显示,使用div括起来,然后使用text-align:center:

<div style="text-align:center"> <el-form ref="ruleForm" label-width="100px"> <el-form-item label-width="0"> <el-button>确认</el-button> </el-form-item> </el-form></div>

然而并没有居中,然后经过半天琢磨改成以下代码:

<div style="text-align: -webkit-center"> <el-form ref="ruleForm" label-width="100px" style="width: max-content"> <el-form-item label-width="0"> <el-button>确认</el-button> </el-form-item> </el-form> </div>

成功居中显示了! text-align:center改成了text-align: -webkit-center -webkit-center会将内的所有组件对其,跟<center>差不多 然后子标签加了个style=“width: max-content”,定义宽度为最大内容。默认是占一整行的。 做个笔记,也算是踩过的坑。

本文链接地址:https://www.jiuchutong.com/zhishi/278184.html 转载请保留说明!

上一篇:Win11 Dev预览版出现奇怪 Bug:电量能充到 100% 以上(windows 11预览版)

下一篇:电脑cpu性能天梯图2022最新高清大图(电脑CPU性能天梯)

  • r9000p键盘灯怎么调(r9000p键盘灯怎么设置彩色)

    r9000p键盘灯怎么调(r9000p键盘灯怎么设置彩色)

  • 如何获取root权限(如何获取root权限华为平板)

    如何获取root权限(如何获取root权限华为平板)

  • 微信朋友圈有访客记录吗(微友圈)

    微信朋友圈有访客记录吗(微友圈)

  • 小米9手机防水吗(小米手机防水标贴在哪里)

    小米9手机防水吗(小米手机防水标贴在哪里)

  • 微信通话怎么隐藏悬浮(微信通话怎么隐藏对方)

    微信通话怎么隐藏悬浮(微信通话怎么隐藏对方)

  • 小米对讲机1s和2有什么区别(小米对讲机1s和2s)

    小米对讲机1s和2有什么区别(小米对讲机1s和2s)

  • 华为手机怎么做图片加文字(华为手机怎么做pdf文件)

    华为手机怎么做图片加文字(华为手机怎么做pdf文件)

  • 在QQ里怎样压缩文件(在qq里怎样压缩图片)

    在QQ里怎样压缩文件(在qq里怎样压缩图片)

  • 微信nfc有什么用途(微信nfc干嘛用的)

    微信nfc有什么用途(微信nfc干嘛用的)

  • 抖音抢镜功能怎么没了(抖音抢镜在哪)

    抖音抢镜功能怎么没了(抖音抢镜在哪)

  • ps打不了字是怎么回事(ps打不出字来什么原因)

    ps打不了字是怎么回事(ps打不出字来什么原因)

  • 华为怎样修复微信聊天记录(如何修复华为手机微信聊天记录)

    华为怎样修复微信聊天记录(如何修复华为手机微信聊天记录)

  • mate30出厂自带膜吗(mate30 出厂膜)

    mate30出厂自带膜吗(mate30 出厂膜)

  • 汇编程序是应用软件吗(汇编程序是软件吗)

    汇编程序是应用软件吗(汇编程序是软件吗)

  • 我的其他qq账号怎么弄出来(qq我的其他账号在哪里能看到)

    我的其他qq账号怎么弄出来(qq我的其他账号在哪里能看到)

  • 西瓜视频直播怎么放音乐(西瓜视频直播怎么取消关注)

    西瓜视频直播怎么放音乐(西瓜视频直播怎么取消关注)

  • 底部任务栏怎样恢复(底部任务栏怎样隐藏)

    底部任务栏怎样恢复(底部任务栏怎样隐藏)

  • vivox27通话转接在哪里(vivo手机通话转接在哪里设置)

    vivox27通话转接在哪里(vivo手机通话转接在哪里设置)

  • 微信投票异常会恢复吗(微信投票一直提示内容违规)

    微信投票异常会恢复吗(微信投票一直提示内容违规)

  • 拼多多怎么扫二维码(拼多多怎么扫二维码下单)

    拼多多怎么扫二维码(拼多多怎么扫二维码下单)

  • qq为什么数据更新失败(qq一打开为什么是数据更新)

    qq为什么数据更新失败(qq一打开为什么是数据更新)

  • padtoo是什么手机型号(padmoo是什么手机)

    padtoo是什么手机型号(padmoo是什么手机)

  • 怎么删除自动回复内容(怎么删除自动回复qq信息)

    怎么删除自动回复内容(怎么删除自动回复qq信息)

  • vivox27如何解锁(vivox27怎样解锁)

    vivox27如何解锁(vivox27怎样解锁)

  • 苹果X如何显示电池百分比(苹果x如何显示电量数字)

    苹果X如何显示电池百分比(苹果x如何显示电量数字)

  • 当月认证发票进项税转出能不能第二个月转出
  • 营利性幼儿园怎样登记
  • 文化事业建设费怎么申报
  • 红字发票的数电票号码是啥
  • 年金的扣费标准
  • 预付款核销会计分录
  • 员工住院的发票可以做账吗
  • 增值税专用发票的税率是多少啊
  • 出借包装物一次摊销金额计算
  • 政府补助结转是什么科目
  • 报销数字证书续费作财务凭证怎么做?
  • 外资企业股权转让所得税率
  • 投入的资金计入什么科目
  • 自行开发的软件如何确认为无形资产
  • 个体没有地址怎么办理执照
  • 进口关税完税价格
  • 企业设备安装发票税率为多少?
  • 安全生产费纳税调整政策
  • 所得税季度申报表营业成本怎么填
  • 普通股资本成本计算方法
  • 不能抵扣的福利发票要勾选吗为什么
  • 预提费用对应
  • 宣传用品发票包括哪些
  • mac系统怎么删除用户
  • 电脑游戏没法玩怎么办
  • windows11家庭版本地策略组
  • 冲减坏账准备和计提坏账准备
  • win10图片密码怎么全屏显示
  • linux中nano什么指令
  • 怎么激活对话框取消
  • php字符串定义
  • 企业事业单位应当采取有效措施
  • php堆和栈
  • php @method
  • php canal
  • 巧克力山介绍
  • 旅游业纳税筹划方案
  • 堪察加半岛上的汉族人
  • 差额征税专用发票税额怎么算
  • thinkphp自定义标签
  • 手把手教你用气焊视频
  • 小型微利企业所得税优惠政策2023
  • 深入vue3+typescript技术栈
  • 身份证号码的正确读法
  • phpcms 数据库配置文件
  • 征地费用包括
  • 房屋出租 交税
  • 外贸退税是算利率吗
  • mongodb基础知识
  • 上市公司收购其它公司是好是坏
  • 减免增值税要计入营业外收入
  • mysql将两个查询结果合并到一起
  • mysql insert语句操作实例讲解
  • 职工薪酬包括哪些应如何计算
  • 存货期末计提减值准备影响当期所得税费用
  • 建筑行业如何结算工程款
  • 销售收入分成率公式
  • 企业发放职工薪酬的账务处理
  • 投资收益主要包括哪些
  • Linux下卸载MySQL数据库
  • win7系统安装教程不用u盘
  • mac未能分区
  • squid服务器配置
  • 在Linux系统中安装MySQL
  • js字符串includes
  • 安卓textview设置文本
  • css设置段落
  • Jqgrid之强大的表格插件应用
  • jqgrid获取选中行
  • 批处理文件是可执行文件吗
  • 关于jQuery中的DOM操作,下列哪种方法用来复制元素?
  • 从零开始学什么技术
  • unity的gui
  • Python Sqlite3以字典形式返回查询结果的实现方法
  • 事务所是干什么的会计
  • 税务局通知自查该怎么办理
  • 上饶县国税局局长名单
  • 广告费扣除限额15%和30%
  • 电子税务局登录密码怎么查询
  • 创新税务稽查方案
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设