技术栈

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 内存运行时的数据区域
下一篇:面试官:说说停止线程池的执行流程?
相关推荐
一 乐
2 小时前
智慧党建|党务学习|基于SprinBoot+vue的智慧党建学习平台(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·学习
BBB努力学习程序设计
3 小时前
CSS Sprite技术:用“雪碧图”提升网站性能的魔法
前端·html
Zyx2007
3 小时前
深拷贝:JavaScript 中对象复制的终极解法
javascript
BBB努力学习程序设计
3 小时前
CSS3渐变:用代码描绘色彩的流动之美
前端·html
冰暮流星
3 小时前
css之动画
前端·css
jump680
4 小时前
axios
前端
进击的野人
4 小时前
CSS选择器与层叠机制
css·面试
spionbo
4 小时前
前端解构赋值避坑指南基础到高阶深度解析技巧
前端
用户409932250212
4 小时前
Vue响应式声明的API差异、底层原理与常见陷阱你都搞懂了吗
前端·ai编程·trae
开发者小天
4 小时前
React中的componentWillUnmount 使用
前端·javascript·vue.js·react.js
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件04BongoCat - 跨平台键盘猫动画工具05Linux下V2Ray安装配置指南06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07npm使用国内淘宝镜像的方法08jdk21下载、安装(Windows、Linux、macOS)09《大数据技术原理与应用》实验报告三 熟悉HBase常用操作10PyCharm 社区版全平台安装指南