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

使用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;
    }
  }
相关推荐
MXN_小南学前端13 小时前
Vue3 + Spring Boot 工单系统实战:用户反馈和客服处理的完整闭环(提供gitHub仓库地址)
前端·javascript·spring boot·后端·开源·github
轮子大叔13 小时前
CSS基础入门
前端·css
踩着两条虫13 小时前
强强联合!VTJ.PRO 正式接入 DeepSeek V4,AI 编码能力再跃升
前端·vue.js·ai编程
Lily.C13 小时前
DOMPurify 前端富文本 XSS 防护使用指南
前端
一叶渡江13 小时前
深挖 iOS 16 以下 flex column-reverse 滚动失效问题
前端
众创岛13 小时前
回调函数、闭包概念、场景及python实战
前端
im_AMBER13 小时前
Leetcode 160 最小覆盖子串 | 串联所有单词的子串
开发语言·javascript·数据结构·算法·leetcode
得想办法娶到那个女人13 小时前
项目中 TypeScript 类型推导 极简实战总结
前端·javascript·typescript
Beginner x_u13 小时前
前端八股整理(Vue 02)|组件通信、生命周期、v-if 与 v-show
前端·javascript·vue.js
一颗青果14 小时前
Cookie 与 Session 超详细讲解
服务器·前端·github