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

  • 荣耀magic3至臻版和华为p50pro怎么选(荣耀magic3至臻版和magic5哪个好)

    荣耀magic3至臻版和华为p50pro怎么选(荣耀magic3至臻版和magic5哪个好)

  • 华为返回键如何调整到右边(华为返回键如何取消)

    华为返回键如何调整到右边(华为返回键如何取消)

  • 荣耀手机录音功能在哪里(荣耀手机录音功能在哪里找)

    荣耀手机录音功能在哪里(荣耀手机录音功能在哪里找)

  • 华为手机怎么把输入法改成繁体(华为手机怎么把照片传到电脑上)

    华为手机怎么把输入法改成繁体(华为手机怎么把照片传到电脑上)

  • 美团删除评价分会回升吗(美团评价删除评分会重新计算吗)

    美团删除评价分会回升吗(美团评价删除评分会重新计算吗)

  • 换手机号绑定软件太多(换手机号绑定软件安全吗)

    换手机号绑定软件太多(换手机号绑定软件安全吗)

  • 苹果xr可以用两张电信卡吗(苹果xr可以用两张手机卡吗)

    苹果xr可以用两张电信卡吗(苹果xr可以用两张手机卡吗)

  • 快手平台介入商家会退款吗(快手平台介入商家不提供证据)

    快手平台介入商家会退款吗(快手平台介入商家不提供证据)

  • 微信注销是什么意思(微信注销是什么头像)

    微信注销是什么意思(微信注销是什么头像)

  • 视频压缩后会影响视频的质量吗(视频压缩后会影响清晰度吗)

    视频压缩后会影响视频的质量吗(视频压缩后会影响清晰度吗)

  • se和5s有什么区别(se跟5s差别在哪)

    se和5s有什么区别(se跟5s差别在哪)

  • 接入internet的方法有哪些(接入internet的方法主要有什么和什么)

    接入internet的方法有哪些(接入internet的方法主要有什么和什么)

  • 爱奇艺怎么看自己的会员有几个人在用(爱奇艺怎么看自己的账号和密码)

    爱奇艺怎么看自己的会员有几个人在用(爱奇艺怎么看自己的账号和密码)

  • ipad可以用airpods吗(ipad可以用airpods充电器吗)

    ipad可以用airpods吗(ipad可以用airpods充电器吗)

  • 电脑上怎么安装微信(电脑上怎么安装打印机驱动)

    电脑上怎么安装微信(电脑上怎么安装打印机驱动)

  • 苹果bs手机是什么意思(苹果手机bs机是什么机)

    苹果bs手机是什么意思(苹果手机bs机是什么机)

  • 快手怎么编辑已经发的作品(快手怎么编辑已经发出去的作品图片)

    快手怎么编辑已经发的作品(快手怎么编辑已经发出去的作品图片)

  • 微信能发30分钟视频吗(微信能发30分钟的录音吗)

    微信能发30分钟视频吗(微信能发30分钟的录音吗)

  • 如何查看独立显卡内存(如何查看独立显卡和集成显卡)

    如何查看独立显卡内存(如何查看独立显卡和集成显卡)

  • 苹果x的耳机插在哪里(苹果x的耳机插孔是圆的还是扁的)

    苹果x的耳机插在哪里(苹果x的耳机插孔是圆的还是扁的)

  • 内容占位符怎么设置(内容占位符怎么添加)

    内容占位符怎么设置(内容占位符怎么添加)

  • 快手1000万快币多少钱(快手1000w快币是多少钱)

    快手1000万快币多少钱(快手1000w快币是多少钱)

  • 隐私密码在哪里设置(隐私密码在哪里查看)

    隐私密码在哪里设置(隐私密码在哪里查看)

  • 360wifi初始密码是多少(360无线wifi初始密码是多少)

    360wifi初始密码是多少(360无线wifi初始密码是多少)

  • 怎么在线编辑Word(怎么在线编辑图片)

    怎么在线编辑Word(怎么在线编辑图片)

  • oppo手机wap接入点怎么更换(oppo手机wifl连接被拒绝怎么回事)

    oppo手机wap接入点怎么更换(oppo手机wifl连接被拒绝怎么回事)

  • vivox9s能万能遥控吗(vivos9万能遥控)

    vivox9s能万能遥控吗(vivos9万能遥控)

  • 小度小度怎么添加通讯录(小度小度怎么添加好友)

    小度小度怎么添加通讯录(小度小度怎么添加好友)

  • ipad5和ipad6的区别(ipad5和ipad6的区别尺寸一样大吗)

    ipad5和ipad6的区别(ipad5和ipad6的区别尺寸一样大吗)

  • 软件企业减免企业所得税
  • 企业自产的产品转为自用
  • 算税负是用含税的吗
  • 总分机构是什么
  • 保函费用是用来干什么的
  • 公允价值变动损益和投资收益区别
  • 新成立的公司要去税务局办理什么
  • 旅行社支付导游费怎么算
  • 房地产中的存货是什么意思
  • 法人资本个人资本
  • 银行收回客户误扣的费用怎么处理?
  • 从公账转账私人转账
  • 为员工买的人寿保险怎么做账
  • 差额征税发票如何做分录
  • 企业增值税税负率与利润率的关系
  • 非全日制员工个税扣除标准
  • 实收资本选择什么子目
  • ukey抄报税全流程视频教程
  • 员工奖励专项基金怎么填
  • 公司注销时账面处理
  • 新笔记本怎么激活windows11
  • windows11如何进入启动设置
  • 政府发放奖励金如何入账
  • win11怎么添加字体到个性化
  • 重命名电脑名称有什么用
  • 右键菜单里的快捷键
  • 增值税专用发票几个点
  • ts与vue3.0
  • 港田路凤凰城
  • 收到捐赠的设备一台
  • 企业以物易物如何确认收入
  • 大雾山国家公园总部加特林堡
  • 工程项目成本预算表
  • 土地出让金抵减增值税账务处理
  • 债务重组利得计入其他收益还是营业外收入
  • 增值税附加税必须交吗
  • 其他收益会计科目怎么写
  • 残保金计提比例
  • wordpress怎么用
  • 个税申请退税流程
  • 帝国cms 开启动态
  • phpcms视频教程
  • mysql5.7.23安装配置教程
  • 员工门诊收费票据可以入账吗
  • 免税蔬菜交企业所得税吗
  • 会计核算方式有几种
  • 小规模加工企业加工费会计分录
  • 利息收入管理办法
  • 退票凭证丢了怎么办
  • 坏账损失的会计核算方法
  • 产品因质量问题换新质保期如何计算
  • 长期股权投资转让会计处理
  • 年底员工借款如何处理
  • 财务常见问题有哪些
  • 发票被认证
  • 企业办理增资的程序
  • 其他应付款的核算范围包括应付短期租赁
  • mysql登陆error2002
  • win8系统如何查看电脑型号
  • windows vista home basic
  • 提高系统能力
  • u盘安装mac系统
  • skyleap用不了
  • centos查看具体版本
  • win10系统怎么设置屏幕
  • win7 64纯净版网页打开出现乱码该怎么办 解决方法介绍
  • linux必学的60个命令rar
  • win8打开ie浏览器
  • qt5 opengl
  • jquery 动态绑定
  • 安卓演示模式有什么用
  • python中random模块用法
  • jquery根据class
  • unity3d控制物体移动
  • javascript核心技术
  • shell编程的特点
  • js进行表单验证的目的是什么
  • javascript函数如何定义及其作用
  • android中的常用布局有哪几种?
  • 现行会计法律法规汇编2022版
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设