技术栈

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 内存运行时的数据区域
下一篇:面试官:说说停止线程池的执行流程?
相关推荐
Jerry
1 小时前
Compose 基础知识测试
前端
changuncle
1 小时前
Angular初学者入门第三课——工厂函数(精品)
前端·javascript·angular.js
ScottePerk
1 小时前
前端安全之XSS和CSRF
前端·安全·xss
PineappleCoder
1 小时前
Canvas 复杂交互步骤:从事件监听 to 重新绘制全流程
前端
日月晨曦
1 小时前
JavaScript事件循环:一次浏览器线程的"约会"指南
javascript
s3xysteak
1 小时前
我要成为vue高手01:上下文
前端·javascript·vue.js
复苏季风
1 小时前
前端居中布局:从 "卡壳" 到 "精通" 的全方位指南
前端·css
qb
1 小时前
vue3.5.18源码:computed 在发布订阅者模式中的双重角色
前端·vue.js·架构
南篱
1 小时前
JavaScript原型链没那么难:一文彻底搞懂
javascript·面试
程序员张3
1 小时前
Vue3+ElementPlus倒计时示例
javascript·vue.js·前端框架
热门推荐
01UV安装并设置国内源02KGG转MP3工具|非KGM文件|解密音频03【踩坑笔记】50系显卡适配的 PyTorch 安装04Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code05蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接0620个国内外主流AI绘画工具大汇总(最新免费可用~)07Claude Code VSCode集成开发指南:AI编程助手完整配置08【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)092025最新国内服务器可用docker源仓库地址大全(2025年8月更新)10Linux下V2Ray安装配置指南