技术栈

Vue2中使用ant-design的tab组件让他一行充满

jojo是只猫2024-09-12 17:04

使用tabs组件默认样式这样

想改成水平居中铺满如下:

需要改下css样式

css 复制代码
/deep/ .ant-tabs-nav {
    width: 100%;
    & > div {
      width: 100%;
      display: flex;
      align-items: center;
    }
    .ant-tabs-tab {
      flex: 1;
      text-align: center;
    }
  }
上一篇:Java 入门指南:JVM(Java虚拟机)—— Java 内存运行时的数据区域
下一篇:面试官:说说停止线程池的执行流程?
相关推荐
Bigger
20 小时前
Coco AI 技术演进:Shadcn UI + Tailwind CSS v4.0 深度迁移指南 (踩坑实录)
前端·css·weui
踢球的打工仔
20 小时前
jquery的基本使用(3)
前端·javascript·jquery
前端无涯
20 小时前
Trae的使用
前端·ide·trae
WG_17
21 小时前
Linux:进程控制
前端·chrome
[seven]
21 小时前
React Router TypeScript 路由详解:嵌套路由与导航钩子进阶指南
前端·react.js·typescript
无我Code
21 小时前
前端-2025年末个人总结
前端·年终总结
徐同保
21 小时前
js 点击按钮 把文本转成文件并下载下来
开发语言·javascript·ecmascript
文刀竹肃
21 小时前
DVWA -SQL Injection-通关教程-完结
前端·数据库·sql·安全·网络安全·oracle
LYFlied
21 小时前
【每日算法】LeetCode 84. 柱状图中最大的矩形
前端·算法·leetcode·面试·职场和发展
Bigger
21 小时前
Tauri(21)——窗口缩放后的”失焦惊魂”,游戏控制权丢失了
前端·macos·app
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03Linux下V2Ray安装配置指南04在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06BongoCat - 跨平台键盘猫动画工具07【AutoGLM部署】本地私有化部署AI手机Agent08Neo4j(一) - Neo4j安装教程(Windows)09Labelme从安装到标注:零基础完整指南10Open-AutoGLM Windows 安装部署教程