技术栈

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

BillKu2025-09-13 2:33

应用效果:

样式设置:

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

  // 防止标题元素伸缩,抽屉关闭按钮居中
  flex: none;
}
上一篇:JavaScript WebAPI 指南
下一篇:认识HertzBeat的第一天
相关推荐
你的人类朋友
9 小时前
快速搭建redis环境并使用redis客户端进行连接测试
前端·redis·后端
这里是杨杨吖
10 小时前
SpringBoot+Vue医院预约挂号系统 附带详细运行指导视频
vue.js·spring boot·医院·预约挂号
深蓝电商API
10 小时前
实战破解前端渲染:当 Requests 无法获取数据时(Selenium/Playwright 入门)
前端·python·selenium·playwright
bestcxx
10 小时前
(二十七)、k8s 部署前端项目
前端·容器·kubernetes
鲸落落丶
11 小时前
webpack学习
前端·学习·webpack
excel
11 小时前
深入理解 3D 火焰着色器:从 Shadertoy 到 Three.js 的完整实现解析
前端
光影少年
11 小时前
vue打包优化方案都有哪些?
前端·javascript·vue.js
硅谷工具人
12 小时前
vue3边学边做系列(3)-路由缓存接口封装
前端·缓存·前端框架·vue
β添砖java
13 小时前
CSS网格布局
前端·css·html
热门推荐
01KGG转MP3工具|非KGM文件|解密音频02UV安装并设置国内源03GitHub 镜像站点04jdk21下载、安装(Windows、Linux、macOS)05OpenSpeedy简介06最新b站加密关键字段的逆向(视频和评论爬取)0746个Nano-banana 精选提示词,持续更新中08Linux下V2Ray安装配置指南09HarmonyOS NEXT开发进阶(十四):HarmonyOS应用开发者基础认证试题集汇总及答案解析10VsCode远程Copilot无法使用Claude Agent问题