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;
    }
  }
相关推荐
CodePencil4 分钟前
HTML专题之语义化
前端
小九九的爸爸29 分钟前
React用过是吧,请说一下setState的大致流程...
前端·react.js·面试
录大大i32 分钟前
HTML之JavaScript分支结构
前端·javascript·html
阿珊和她的猫37 分钟前
ESLint 如何处理 ES6+ 语法
前端·es6·状态模式
呀啊~~1 小时前
【前端框架与库】「React 全面解析」:从 JSX 语法到高阶组件,深度剖析前端开发中的核心概念与最佳实践
前端·javascript·学习·react.js·前端框架
sulingliang1 小时前
【react项目引入tailwindcss不生效解决方案】
前端·react.js
无限大.2 小时前
前端知识速记:浏览器缓存机制 - 强缓存与协商缓存
前端·缓存
林啾啾2 小时前
解决 keep-alive 缓存组件中定时器干扰问题
前端·vue.js·缓存
一只小阿乐2 小时前
JS对象拷贝的几种实现方法以及如何深拷贝(面试题)
开发语言·javascript·ecmascript·浅拷贝·深拷贝
丁总学Java2 小时前
产品详情页中 品牌官网详情 对应后端的字段是 detail
前端·javascript·vue.js