位置: 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性能天梯)

  • “苹果味”辣条是怎样诞生的?卫龙运营团队教你用正确的姿势蹭热(辣椒味苹果)

    “苹果味”辣条是怎样诞生的?卫龙运营团队教你用正确的姿势蹭热(辣椒味苹果)

  • 酷狗蓝牙耳机怎么连接(酷狗蓝牙耳机怎么重置)

    酷狗蓝牙耳机怎么连接(酷狗蓝牙耳机怎么重置)

  • 安卓如何打出苹果表情(安卓如何打出苹果符号)

    安卓如何打出苹果表情(安卓如何打出苹果符号)

  • yoga720触摸屏没反应(yoga710触摸屏没反应)

    yoga720触摸屏没反应(yoga710触摸屏没反应)

  • 序列号c6开头的是哪的(序列号c6开头的是什么机型)

    序列号c6开头的是哪的(序列号c6开头的是什么机型)

  • iphonex原装充电器型号(iphonex原装充电器是多少w)

    iphonex原装充电器型号(iphonex原装充电器是多少w)

  • 笔记本键盘失灵怎么办(笔记本键盘失灵没反应怎么办)

    笔记本键盘失灵怎么办(笔记本键盘失灵没反应怎么办)

  • fla_al10什么型号(华为fla-al10是什么型号)

    fla_al10什么型号(华为fla-al10是什么型号)

  • 691错误代码什么意思(错误代码691怎么处理)

    691错误代码什么意思(错误代码691怎么处理)

  • realme x50 pro是什么牌子(realmex50pro是什么屏幕)

    realme x50 pro是什么牌子(realmex50pro是什么屏幕)

  • 激活etc显示订单不存在怎么办(etc激活查不到订单)

    激活etc显示订单不存在怎么办(etc激活查不到订单)

  • 为什么小红书视频加载不出来(为什么小红书视频保存不了)

    为什么小红书视频加载不出来(为什么小红书视频保存不了)

  • 华为手机声音突然有杂音(华为手机声音突然没了是什么原因导致的)

    华为手机声音突然有杂音(华为手机声音突然没了是什么原因导致的)

  • 苹果5和苹果5s对比(苹果五和5s)

    苹果5和苹果5s对比(苹果五和5s)

  • 微信朋友圈卡住不动了怎么办(朋友圈卡住了)

    微信朋友圈卡住不动了怎么办(朋友圈卡住了)

  • 抖音作品怎么转私密(抖音作品怎么转发到微信朋友圈)

    抖音作品怎么转私密(抖音作品怎么转发到微信朋友圈)

  • 手机游戏obb文件放哪(obb游戏数据包放哪里)

    手机游戏obb文件放哪(obb游戏数据包放哪里)

  • 滴答限制接单怎么解除(滴答出行接单有限制的吗?)

    滴答限制接单怎么解除(滴答出行接单有限制的吗?)

  • 对方删除我还能看到我的朋友圈吗(对方删除我还能转账吗)

    对方删除我还能看到我的朋友圈吗(对方删除我还能转账吗)

  • sku怎么修改不降权(sku修改价格不降权)

    sku怎么修改不降权(sku修改价格不降权)

  • 华为荣耀如何显示触屏操作(华为荣耀如何显示流量)

    华为荣耀如何显示触屏操作(华为荣耀如何显示流量)

  • 怎么加密自家wifi密码(怎么加密自家wifi防蹭网)

    怎么加密自家wifi密码(怎么加密自家wifi防蹭网)

  • 华为p30pro有无线充电吗(华为p30pro有无线投屏功能吗)

    华为p30pro有无线充电吗(华为p30pro有无线投屏功能吗)

  • 苹果app不可用怎么办(苹果app不可用怎么删除)

    苹果app不可用怎么办(苹果app不可用怎么删除)

  • 无线网显示不安全网络是怎么回事(无线网显示不安全网络连接不上)

    无线网显示不安全网络是怎么回事(无线网显示不安全网络连接不上)

  • 冲回多计提费用
  • 项目异地预缴附加税会计分录是?
  • 什么是价税分离?
  • 广告公司的税务
  • 一般纳税人申报纳税的流程
  • 白酒消费税最低计税价格
  • 个人所得税汇缴报告
  • 在银行购买支票需要什么手续
  • 营业税金及附加借贷方向
  • 负债类会计科目表
  • 简易征收的项目是否可以实行30万免税
  • 增值税代开扣款怎么报税?
  • 总分公司能互相开票吗
  • 发票退回原因
  • 建筑工程公司项目经理职责
  • 交通补贴可以抵扣个税吗
  • 如何向税务局申请开发票
  • 增值税免税收入计入什么科目
  • 税务清算审计需要多久
  • 材料发票不够怎么办
  • 旅行社代订机票怎么做账
  • 代开专票退票流程及说明
  • 水利基金的计税依据是含税收入还是不含税收入
  • 工会票据电子化管理系统如何领发票
  • 海关进口增值税和关税怎么入账
  • 房子转租扣钱吗
  • 报销差旅费涉及的会计科目
  • 失控票要在抵扣当月转出吗
  • php判断查询是否有结果
  • 当月费用下月付款怎么做账
  • 个税返还会计政策
  • Mac怎么更改默认打开方式
  • php字符串定义的三种方式
  • PHP:pg_transaction_status()的用法_PostgreSQL函数
  • 工业企业的费用
  • 核定征收的企业所得税怎么算
  • 企业新产品销售收入数据
  • php路径问题
  • mysqldump语句
  • 应收利息的会计处理方法
  • 公交卡充值发票报销单怎么填
  • 小规模纳税人公转私技巧
  • 考试费开什么发票税目
  • 机械租赁公司月薪多少
  • 织梦怎么添加相关
  • mysql临时表什么时候销毁
  • 网上打印出来的手机买卖协议有效吗
  • 材料报废属于正常损失吗
  • 企业的资产评估报告在哪里获取
  • 发行公司债券发生的折价
  • 普通发票应怎么开具
  • 本月开发票下月收款
  • 买到库存货 退货
  • 应收账款的明细科目一般按照什么设置
  • 企业微信收款如何交税
  • 企业员工福利费可以做什么
  • 固定资产能直接计入费用吗为什么
  • 采购返利是什么意思
  • 营业外收入的账户结构
  • 汇算清缴帐务处理
  • 收到委托加工物资发票
  • mysql停不掉
  • freebsd9.3安装教程
  • xp系统怎么更改屏幕分辨率
  • linux建立动态库链接
  • 盘点十大最流行歌曲
  • windowsapp文件夹打不开
  • win7如何升级到win10有什么要求
  • windows7怎么设置右键菜单
  • android的开发
  • 可以在windows环境下双击而直接放映
  • Node.js中的核心模块包括哪些内容?
  • vue 分页 实现
  • jquery 正则表达式
  • jquery轮播图自动播放
  • javascript程序设计教程
  • javascript基础入门视频教程
  • 谷歌的全球化发展战略
  • python有没有二维数组
  • 河南税务局官网手机版
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设