Vue3 + Element-Plus 抽屉关闭按钮居中

应用效果:

样式设置:

html 复制代码
// 抽屉标题
:deep(.el-drawer__title) {
  // 抽屉标题居中,但是如果在这里设置,就无法实现下面的抽屉关闭按钮居中,所以可以移到抽屉头部去设置抽屉标题居中
  // display: flex;
  // text-align: center;
  // justify-content: center;

  // 防止标题元素伸缩,抽屉关闭按钮居中
  flex: none;
}
相关推荐
柯腾啊21 分钟前
“Script error.”的产生原因和解决办法
前端·javascript·浏览器
沙漠之皇24 分钟前
ts 定义重复对象字段
前端
HashTang1 小时前
不用再配服务器了!这套 Next.js + Cloudflare 模板,一个人搞定全栈出海
前端·后端·边缘计算
Cory.眼1 小时前
WebRTC入门指南:实时通信零基础
javascript·webrtc·实时通信
前端架构师-老李2 小时前
16 Electron 应用自动更新方案:electron-updater 完整指南
前端·javascript·electron
一只学java的小汉堡2 小时前
HTML 01入门:从概念到开发环境搭建与页面头部配置
前端·css·html
拖拉斯旋风2 小时前
📚 JavaScript 变量声明三剑客:`var`、`let`、`const` 学习笔记
javascript
用户21496515898752 小时前
从零搭建uniapp环境-记录
前端
可触的未来,发芽的智生4 小时前
追根索源:换不同的词嵌入(词向量生成方式不同,但词与词关系接近),会出现什么结果?
javascript·人工智能·python·神经网络·自然语言处理
努力写代码的熊大4 小时前
stack、queue与priority_queue的用法解析与模拟实现
java·前端·javascript