技术栈

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的第一天
相关推荐
Kagol
1 天前
🎉OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用!
前端·开源·agent
GIS之路
1 天前
ArcGIS Pro 中的 notebook 初识
前端
JavaGuide
1 天前
7 道 RAG 基础概念知识点/面试题总结
前端·后端
ssshooter
1 天前
看完就懂 useSyncExternalStore
前端·javascript·react.js
格砸
1 天前
从入门到辞职|从ChatGPT到OpenClaw,跟上智能时代的进化
前端·人工智能·后端
Live00000
1 天前
在鸿蒙中使用 Repeat 渲染嵌套列表,修改内层列表的一个元素,页面不会更新
前端·javascript·react native
柳杉
1 天前
使用Ai从零开发智慧水利态势感知大屏(开源)
前端·javascript·数据可视化
兆子龙
1 天前
从高阶函数到 Hooks:React 如何减轻开发者的心智负担(含 Demo + ahooks 推荐)
前端
狗胜
1 天前
测试文章 - API抓取
前端
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw + 飞书(Feishu)环境搭建指南04小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)05Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤06Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services07OpenClaw优化飞书API 额度已耗尽问题08【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆09Window 10部署openclaw报错node.exe : npm error code 12810OpenClaw大龙虾机器人完整安装教程