在大部分的软件（如浏览器，wps，notion 等）中，每个页签的宽度是相同的，个人更习惯这种操作方式
（下图位 edge 浏览器的页签）
（下面为 notion 的页签）
而思源的页签宽度会根据标题的长度调整，有些标题短的文章页签很窄，不容易点到。
（下图是思源的页签）
我按照论坛中之前的方法（页签的宽度能否自定义 (通过代码块、或修改配置文件) 手工调整宽度？ - 链滴 (ld246.com)）添加了 css 后，实现了固定宽度，但是"页签切换"的按钮发生了错乱。
能否添加一个选项，能够以相同的宽度展示页签，方便操作？
我刚刚写了一个 Savor 主题 专用的（其他主题需要稍微调整一下）：
/*自定义页签最小宽度 CSS片段 （Savor主题自用）*/
.layout-tab-bar .item:not(.item--pin):not(.item--readonly)[data-type="tab-header"] {
min-width: 105px; /*调整页签的最小宽度，只改这个值就可以了，其他代码不需要动*/
}
/*调整叉号位置*/
.layout-tab-bar .item:not(.item--pin):not(.item--readonly)[data-type="tab-header"] .item__text {
padding-right: 28px; /*调整叉号与标题文本间的最小距离*/
max-width: calc(100% - 61px); /*使叉号不与标题文本重叠*/
}
.layout-tab-bar .item:not(.item--pin):not(.item--readonly)[data-type="tab-header"] .item__close {
position: absolute; /*让叉号靠右*/
right: 0px;
padding-left: 6px; /*扩大叉号点击范围*/
}
另外再给一个添加背景色的 CSS 片段（颜色未必好看，可以自己改）：
/*给页签添加背景色*/
.layout-tab-bar .item:not(.item--pin):not(.item--readonly)[data-type="tab-header"] {
background-color: var(--b3-card-error-background);
}
我又搞了一个让页签叉号始终显示的 CSS 代码片段，体验更接近浏览器了：
/*始终显示页签叉号*/
.layout-tab-bar .item:hover .item__close svg, .layout-tab-bar .item .item__close svg {
opacity: .68;
}
用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织，“用爱发电”象征开源与贡献精神，加入组织，代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入：用爱发电组织邀请帖。
用爱发电组织官网：https://programmingwithlove.stackoverflow.wiki/
TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时，提供更无缝的用户体验。
Mobi.css is a lightweight, flexible CSS framework that focus on mobile.
宋真宗赵恒曾经说过：“书中自有黄金屋，书中自有颜如玉。”
Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成，还支持通过插件进行扩展。
Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。
红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。
网络爬虫（Spider、Crawler），是一种按照一定的规则，自动地抓取万维网信息的程序。
Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端，也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。
Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。
C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。
找到自己的位置，萌新烦恼少。
Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。
Open Source, Open Mind, Open Sight, Open Future!
阿里云是阿里巴巴集团旗下公司，是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务，以及大数据、人工智能服务、精准定制基于场景的行业解决方案。
Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。
FFmpeg 是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。
SendCloud 由搜狐武汉研发中心孵化的项目，是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台，为开发者提供便利的 API 接口来调用服务，让邮件准确迅速到达用户收件箱并获得强大的追踪数据。
我们平时所说的“架构”主要是指软件架构，这是有关软件整体结构与组件的抽象描述，用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。
Microsoft Windows 是美国微软公司研发的一套操作系统，它问世于 1985 年，起初仅仅是 Microsoft-DOS 模拟环境，后续的系统版本由于微软不断的更新升级，不但易用，也慢慢的成为家家户户人们最喜爱的操作系统。
脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。
希望你我能在旅途中找到人生的下一站。
Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。
你若安好，便是晴天。
百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于